feat: Add support for WindiCSS

Support WindiCSS color format in tailwind.config.js

- Moves the colors.js file into /colors/index.
- Moves the colorValues variable into its own file.
- Creates a new `colors/windi.js` file, which allows user to `require(‘daisyui/colors/windi’)`

colors.js → colors/color-values.js

@@ -1,4 +1,4 @@
-let colorValues = {
+module.exports = {
   "primary"           : {name: "p", value: "259 94% 51%"},
   "primary-focus"     : {name: "pf", value: "259 94% 41%"},
   "primary-content"   : {name: "pc", value: "0 0% 100%"},
@@ -25,21 +25,3 @@ let colorValues = {
   "warning"           : {name: "wa", value: "36 100% 50%"},
   "error"             : {name: "er", value: "14 100% 57%"},
 }
-
-let colorObject = {
-  "transparent": "transparent",
-}
-
-for (const [key, item] of Object.entries(colorValues)) {
-  colorObject[key] = ({ opacityVariable, opacityValue }) => {
-    if (opacityValue !== undefined) {
-      return `hsla(var(--`+ item['name'] +`, `+ item['value'] +`) / ${opacityValue})`
-    }
-    if (opacityVariable !== undefined) {
-      return `hsla(var(--`+ item['name'] +`, `+ item['value'] +`) / var(${opacityVariable}, 1))`
-    }
-    return `hsl(var(--`+ item['name'] +`, `+ item['value']+ `))`
-  }
-}
-
-module.exports = colorObject;

colors/index.js

@@ -0,0 +1,19 @@
+const colorValues = require('./color-values')
+
+let colorObject = {
+  "transparent": "transparent",
+}
+
+for (const [key, item] of Object.entries(colorValues)) {
+  colorObject[key] = ({ opacityVariable, opacityValue }) => {
+    if (opacityValue !== undefined) {
+      return `hsla(var(--`+ item['name'] +`, `+ item['value'] +`) / ${opacityValue})`
+    }
+    if (opacityVariable !== undefined) {
+      return `hsla(var(--`+ item['name'] +`, `+ item['value'] +`) / var(${opacityVariable}, 1))`
+    }
+    return `hsl(var(--`+ item['name'] +`, `+ item['value']+ `))`
+  }
+}
+
+module.exports = colorObject

colors/windi.js

@@ -0,0 +1,11 @@
+const colorValues = require('./color-values')
+
+let colorObject = {
+  "transparent": "transparent",
+}
+
+for (const [key, item] of Object.entries(colorValues)) {
+  colorObject[key] = `hsla(var(--${item.name}, ${item.value}) / var(--tw-bg-opacity, 1))`
+}
+
+module.exports = colorObject