vibe-design-system 2.8.7 → 2.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.8.7",
+  "version": "2.8.8",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {

package/vds-core-template/scan.mjs

@@ -1254,10 +1254,18 @@ function extractFoundations() {
         }
       }
 
-      const bodyMatch = css.match(/body\s*\{[^}]*font-family:\s*([^;]+);/);
+      const bodyMatch = css.match(/body\s*\{[^}]*font-family:\s*([^;]+);/s);
       if (bodyMatch) typography.body = bodyMatch[1].trim();
-      const monoMatch = css.match(/code,\s*pre,\s*\.font-mono\s*\{[^}]*font-family:\s*([^;]+);/);
+      const monoMatch = css.match(/code,\s*pre,\s*\.font-mono\s*\{[^}]*font-family:\s*([^;]+);/s);
       if (monoMatch) typography.mono = monoMatch[1].trim();
+      // Tailwind v4: CSS custom properties for fonts (--font-sans, --font-mono, --font-weight-*)
+      const fontVarRe = /--font([\w-]*):\s*([^;\n]+);/g;
+      let fvm;
+      while ((fvm = fontVarRe.exec(css)) !== null) {
+        const key = `font${fvm[1]}`.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+        const val = fvm[2].trim();
+        if (!typography[key]) typography[key] = val;
+      }
     }
   } catch (_) {}