chore: remove platform scale toggle from Storybook UI (#6230)

* chore: remove platform scale toggle from Storybook UI
This removes the medium/large platform scale toggle option
from the Storybook UI

* chore: remove leftover scale references from Storybook config

Remove the scale initial global from preview.ts and the scale-related
logic from the contexts decorator, completing the scale toggle removal.

Co-authored-by: Cursor <cursoragent@cursor.com>

---------

Co-authored-by: Rajdeep Chandra <rajdeepc@adobe.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

Author: 3 people

2nd-gen/packages/swc/.storybook/decorators/contexts.ts

@@ -14,11 +14,10 @@ import { html } from 'lit';
 import type { DecoratorFunction } from '@storybook/types';
 
 /**
- * Decorator that applies selected theme and scale
+ * Decorator that applies selected theme context.
  */
 export const withContext: DecoratorFunction = (Story, context) => {
   const theme = context.globals.theme;
-  const scale = context.globals.scale;
 
   document.documentElement.classList.remove(
     'swc-theme--light',
@@ -27,12 +26,6 @@ export const withContext: DecoratorFunction = (Story, context) => {
   );
   document.documentElement.classList.add(`swc-theme--${theme}`);
 
-  if (scale === 'large') {
-    document.documentElement.classList.add('swc-theme--sizeL');
-  } else {
-    document.documentElement.classList.remove('swc-theme--sizeL');
-  }
-
   return html`
     ${Story(context)}
   `;

2nd-gen/packages/swc/.storybook/preview.ts

@@ -67,20 +67,6 @@ const preview = {
         dynamicTitle: true,
       },
     },
-    scale: {
-      name: 'Scale',
-      description: 'Global scale for components',
-      defaultValue: 'medium',
-      type: 'string',
-      toolbar: {
-        title: 'Scale',
-        items: [
-          { value: 'medium', title: 'Medium' },
-          { value: 'large', title: 'Large' },
-        ],
-        dynamicTitle: true,
-      },
-    },
     lang: {
       name: 'Language',
       description:
@@ -137,7 +123,6 @@ const preview = {
   },
   initialGlobals: {
     theme: 'light',
-    scale: 'medium',
     lang: 'en-US',
     textDirection: 'auto',
   },