From 4ae6f064664d416ec25986da1c660df902ca39db Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Wed, 14 Jun 2023 12:51:01 -0400
Subject: [PATCH] Refactor a bit

---
 src/lib/parseCssConfig.js | 47 ++++++++++++++++++---------------------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/lib/parseCssConfig.js b/src/lib/parseCssConfig.js
index 5020cd623..cd907007a 100644
--- a/src/lib/parseCssConfig.js
+++ b/src/lib/parseCssConfig.js
@@ -10,33 +10,26 @@
 export function parseCssConfig(root) {
   let config = { extend: { colors: {} } }
 
-  let theme = root.nodes.find(node => node.type === 'rule' && node.selector === ':theme')
-  if (!theme) return config
+  root.each(node => {
+    if (node.type !== 'rule' || node.selector !== ':theme') return
 
-  theme.walkDecls((decl) => {
-    if (decl.prop.startsWith('--')) {
-      parseVariable(config, decl)
-    } else {
-      // Only CSS variables are allowed in the theme rule
-      // TODO: Maybe turn this into an error?
-      decl.remove()
-    }
+    node.walkDecls((decl) => {
+      if (decl.prop.startsWith('--')) {
+        parseVariable(config, decl)
+      } else {
+        // Only CSS variables are allowed in the theme rule
+        // TODO: Maybe turn this into an error?
+        decl.remove()
+      }
+    })
+
+    // Allow the variables to be used with var() anywhere in CSS
+    node.selector = ':root'
   })
 
-  // Allow the variables to be used with var() anywhere in CSS
-  theme.selector = ':root'
-
   return config
 }
 
-let prefixPluginMap = {
-  'colors': 'colors',
-  'spacing': 'spacing',
-  'font-family': 'fontFamily',
-  'font-size': 'fontSize',
-  'shadow': 'boxShadow',
-}
-
 /**
  * Parse a key into one or more actions that modify the config and/or CSS
  *
@@ -103,6 +96,14 @@ function parseVariable(config, decl) {
  * @returns {[plugin: string|null, keypath: string|null, option: string|null]}
  */
 function parseVariableName(name) {
+  const prefixPluginMap = {
+    'colors': 'colors',
+    'spacing': 'spacing',
+    'font-family': 'fontFamily',
+    'font-size': 'fontSize',
+    'shadow': 'boxShadow',
+  }
+
   // Unescape the name if needed
   // This is needed for CSS variables that contain special characters
   name = name.replace(/\\/g, '')
@@ -131,10 +132,6 @@ function parseVariableName(name) {
       return [plugin, null, null]
     }
 
-    console.log({
-      opt: option ? camelize(option) : option,
-    })
-
     return [plugin, keypath, option === null ? null : camelize(option)]
   }