fix: try something (please work)

Author: prplwtf

resources/scripts/blueprint/css/BlueprintStylesheet.css

@@ -1,3 +1,5 @@
+@import url('./extensions.css');
+
 :root {
   --blueprint-white: 255 255 255;
   --blueprint-black: 19 26 32;

tailwind.config.js

@@ -1,11 +1,41 @@
 const postcss = require('postcss');
 const fs = require('fs');
+const path = require('path');
+
+function extractCssVars(cssFilePath, processedFiles = new Set()) {
+  // avoid infinite recursion by tracking processed files
+  const absolutePath = path.resolve(cssFilePath);
+  if (processedFiles.has(absolutePath)) {
+    return {};
+  }
+  processedFiles.add(absolutePath);
 
-function extractCssVars(cssFilePath) {
   const cssContent = fs.readFileSync(cssFilePath, 'utf8');
   const root = postcss.parse(cssContent);
-  const vars = {};
+  let vars = {};
+
+  // process @import rules first
+  root.walkAtRules('import', (rule) => {
+    let importPath = rule.params.replace(/['"]/g, ''); // remove quotes
+
+    // handle url() syntax
+    if (importPath.startsWith('url(')) {
+      importPath = importPath.slice(4, -1).replace(/['"]/g, '');
+    }
+
+    // resolve relative paths
+    if (!path.isAbsolute(importPath)) {
+      importPath = path.resolve(path.dirname(cssFilePath), importPath);
+    }
 
+    // check if file exists before trying to process it
+    if (fs.existsSync(importPath)) {
+      const importedVars = extractCssVars(importPath, processedFiles);
+      vars = mergeVars(vars, importedVars);
+    }
+  });
+
+  // process css variables in this file
   root.walkRules((rule) => {
     if (rule.selector === ':root') {
       rule.walkDecls((decl) => {
@@ -38,6 +68,18 @@ function extractCssVars(cssFilePath) {
   return vars;
 }
 
+function mergeVars(target, source) {
+  for (const [key, value] of Object.entries(source)) {
+    if (typeof value === 'object' && !Array.isArray(value)) {
+      if (!target[key]) target[key] = {};
+      target[key] = { ...target[key], ...value };
+    } else {
+      target[key] = value;
+    }
+  }
+  return target;
+}
+
 const cssVars = extractCssVars('./resources/scripts/blueprint/css/BlueprintStylesheet.css');
 
 module.exports = {