tailwind-styled-v4 5.1.5 → 5.1.7

package/dist/index.browser.mjs

@@ -1008,10 +1008,26 @@ function injectTokensToRoot(tokens, prefix) {
 }
 function _buildTokenCss(tokens, prefix) {
   const binding = getNativeBinding();
-  if (!binding?.generateSystemTokenCss) {
-    throw new Error("FATAL: Native binding 'generateSystemTokenCss' is required but not available.");
+  if (binding?.generateSystemTokenCss) {
+    return binding.generateSystemTokenCss(JSON.stringify(tokens), prefix);
   }
-  return binding.generateSystemTokenCss(JSON.stringify(tokens), prefix);
+  return _buildTokenCssJs(tokens, prefix);
+}
+function _buildTokenCssJs(tokens, prefix) {
+  const groupKeys = Object.keys(tokens);
+  if (groupKeys.length === 0) return ":root {}\n";
+  const lines = [":root {"];
+  for (const group of groupKeys.slice().sort()) {
+    const map = tokens[group];
+    if (!map || typeof map !== "object" || Object.keys(map).length === 0) continue;
+    for (const name of Object.keys(map).sort()) {
+      const value = map[name];
+      if (typeof value !== "string") continue;
+      lines.push(`  --${prefix}-${group}-${name}: ${value};`);
+    }
+  }
+  lines.push("}");
+  return lines.join("\n") + "\n";
 }
 function resolveComponentConfig(config, tokens, prefix) {
   const resolveStr = (s) => resolveTokenRef(tokens, prefix, s);