Remove unused token generators from theme-generator

Delete dead code that was never called.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: dallasbpeters

src/tools/theme-generator.ts

@@ -36,90 +36,6 @@ export interface GeneratedTheme {
   documentation: string;
 }
 
-/**
- * Generate spacing tokens using base-8 system
- */
-function generateSpacingTokens(): DesignToken[] {
-  const spacingScale = [
-    { name: 'xs', value: '4px' },
-    { name: 'sm', value: '8px' },
-    { name: 'md', value: '16px' },
-    { name: 'lg', value: '24px' },
-    { name: 'xl', value: '32px' },
-    { name: '2xl', value: '48px' }
-  ];
-  
-  return spacingScale.map(({ name, value }) => ({
-    name: `spacing-${name}`,
-    value,
-    category: 'spacing',
-    description: `Spacing ${name} - ${value}`
-  }));
-}
-
-/**
- * Generate typography tokens
- */
-function generateTypographyTokens(): DesignToken[] {
-  return [
-    {
-      name: 'font-family-base',
-      value: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
-      category: 'typography',
-      description: 'Base font family for body text'
-    },
-    {
-      name: 'font-family-heading',
-      value: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
-      category: 'typography',
-      description: 'Font family for headings'
-    },
-    {
-      name: 'font-family-mono',
-      value: '"SF Mono", "Monaco", "Consolas", monospace',
-      category: 'typography',
-      description: 'Monospace font family for code'
-    },
-    { name: 'font-size-xs', value: '12px', category: 'typography', description: 'Extra small font size' },
-    { name: 'font-size-sm', value: '14px', category: 'typography', description: 'Small font size' },
-    { name: 'font-size-md', value: '16px', category: 'typography', description: 'Medium font size (base)' },
-    { name: 'font-size-lg', value: '18px', category: 'typography', description: 'Large font size' },
-    { name: 'font-size-xl', value: '20px', category: 'typography', description: 'Extra large font size' },
-    { name: 'font-size-2xl', value: '24px', category: 'typography', description: '2X large font size' },
-    { name: 'font-size-3xl', value: '32px', category: 'typography', description: '3X large font size' },
-    { name: 'font-weight-normal', value: '400', category: 'typography', description: 'Normal font weight' },
-    { name: 'font-weight-medium', value: '500', category: 'typography', description: 'Medium font weight' },
-    { name: 'font-weight-semibold', value: '600', category: 'typography', description: 'Semibold font weight' },
-    { name: 'font-weight-bold', value: '700', category: 'typography', description: 'Bold font weight' },
-    { name: 'line-height-tight', value: '1.25', category: 'typography', description: 'Tight line height for headings' },
-    { name: 'line-height-normal', value: '1.5', category: 'typography', description: 'Normal line height for body text' },
-    { name: 'line-height-relaxed', value: '1.75', category: 'typography', description: 'Relaxed line height for long-form content' }
-  ];
-}
-
-/**
- * Generate border tokens
- */
-function generateBorderTokens(): DesignToken[] {
-  return [
-    { name: 'border-radius-sm', value: '4px', category: 'border', description: 'Small border radius' },
-    { name: 'border-radius-md', value: '8px', category: 'border', description: 'Medium border radius' },
-    { name: 'border-radius-lg', value: '12px', category: 'border', description: 'Large border radius' },
-    { name: 'border-radius-full', value: '9999px', category: 'border', description: 'Full border radius for circular elements' }
-  ];
-}
-
-/**
- * Generate shadow tokens
- */
-function generateShadowTokens(): DesignToken[] {
-  return [
-    { name: 'shadow-sm', value: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', category: 'shadow', description: 'Small shadow for subtle elevation' },
-    { name: 'shadow-md', value: '0 4px 6px -1px rgba(0, 0, 0, 0.1)', category: 'shadow', description: 'Medium shadow for cards and panels' },
-    { name: 'shadow-lg', value: '0 10px 15px -3px rgba(0, 0, 0, 0.1)', category: 'shadow', description: 'Large shadow for modals and popovers' }
-  ];
-}
-
 /**
  * Generate Optics HSL color tokens from brand colors
  * Each color family gets h/s/l base values that drive the scale system
@@ -148,20 +64,23 @@ function generateColorTokens(brandColors: BrandColors): DesignToken[] {
 
     tokens.push({
       name: `op-color-${familyName}-h`,
+      cssVar: `--op-color-${familyName}-h`,
       value: String(hsl.h),
       category: 'color',
       description: `${familyName} color hue (HSL) - drives all ${familyName} scale tokens`
     });
-    
+
     tokens.push({
       name: `op-color-${familyName}-s`,
+      cssVar: `--op-color-${familyName}-s`,
       value: `${hsl.s}%`,
       category: 'color',
       description: `${familyName} color saturation (HSL)`
     });
-    
+
     tokens.push({
       name: `op-color-${familyName}-l`,
+      cssVar: `--op-color-${familyName}-l`,
       value: `${hsl.l}%`,
       category: 'color',
       description: `${familyName} color lightness (HSL)`