config/tailwind.preset.js in coveragebook_components-0.19.1 vs config/tailwind.preset.js in coveragebook_components-0.19.2

@@ -1,14 +1,21 @@
 /** @type {import('tailwindcss').Config} */
 
 const defaultTheme = require("tailwindcss/defaultTheme");
-const { fontSize, fontFamily, colors, screens } = require("./tokens.js");
+const {
+  fontSize,
+  fontFamily,
+  colors,
+  variables,
+  screens,
+} = require("./tokens.js");
 
 module.exports = {
   theme: {
     colors,
     screens,
+    variables,
     fontFamily: {
       display: [fontFamily.displaySans, ...defaultTheme.fontFamily.sans],
       body: [fontFamily.bodySans, ...defaultTheme.fontFamily.sans],
       branded: [fontFamily.displaySerif, ...defaultTheme.fontFamily.serif],
     },
@@ -56,9 +63,10 @@
     aspectRatio: false,
   },
   plugins: [
     require("@tailwindcss/forms"),
     require("@tailwindcss/container-queries"),
+    require("@mertasan/tailwindcss-variables"),
     require("../app/assets/css/plugins/colors.js"),
     require("../app/assets/css/plugins/icons.js"),
     require("../app/assets/css/plugins/layout.js"),
     require("../app/assets/css/plugins/text.js"),
     require("../app/assets/css/plugins/aspect.js"),