feat(parser): new style parser * 4

Author: tenphi

src/parser/classify.ts

@@ -66,14 +66,7 @@ export function classify(
       };
     }
 
-    // hyphen variant e.g., #dark-05 → treat as base color
-    const hyphenMatch = token.match(/^#([a-z0-9-]+?)-[0-9]+$/i);
-    if (hyphenMatch) {
-      return {
-        bucket: Bucket.Color,
-        processed: `var(--${hyphenMatch[1]}-color)`,
-      };
-    }
+    // hyphenated names like #dark-05 should keep full name
 
     const name = token.slice(1);
     // valid hex → treat as hex literal with fallback

src/parser/parser.test.ts

@@ -86,9 +86,9 @@ describe('StyleProcessor', () => {
     expect(result.groups[0].values).toEqual(['calc(1 * var(--border-width))']);
     expect(result.groups[0].colors).toEqual(['var(--purple-color)']);
     expect(result.groups[1].values).toEqual(['calc(1 * var(--outline-width))']);
-    expect(result.groups[1].colors).toEqual(['var(--dark-color)']);
+    expect(result.groups[1].colors).toEqual(['var(--dark-05-color)']);
     expect(result.output).toEqual(
-      'calc(1 * var(--border-width)) top var(--purple-color), calc(1 * var(--outline-width)) right var(--dark-color)',
+      'calc(1 * var(--border-width)) top var(--purple-color), calc(1 * var(--outline-width)) right var(--dark-05-color)',
     );
     expect(result.groups[0].mods).toEqual(['top']);
     expect(result.groups[1].mods).toEqual(['right']);
@@ -167,4 +167,9 @@ describe('StyleProcessor', () => {
     expect(r.groups[0].colors).toEqual(['transparent']);
     expect(r.groups[0].values).toContain('var(--gap)');
   });
+
+  test('handles hyphenated #color names', () => {
+    const r = parser.process('#dark-02');
+    expect(r.groups[0].colors).toEqual(['var(--dark-02-color)']);
+  });
 });