Expose theme variables to CSS

src/lib/parseCssConfig.js

@@ -23,7 +23,8 @@ export function parseCssConfig(root) {
     }
   })
 
-  theme.remove()
+  // Allow the variables to be used with var() anywhere in CSS
+  theme.selector = ':root'
 
   return config
 }

tests/css-configuration.test.js

@@ -32,6 +32,9 @@ test('it does something', () => {
         --tw-text-opacity: 1;
         color: rgb(250 202 222 / var(--tw-text-opacity));
       }
+      :root {
+        --colors-potato: #facade;
+      }
     `)
   })
 })