From ec6d802746863be21d8c5fa7f63a347b089ce081 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Sun, 27 Jul 2025 05:24:33 +0300
Subject: [PATCH 1/5] feat(compiler): add tailwind css variables generation
 from vuestic.config.ts

---
 packages/compiler/package.json                |   2 +
 packages/compiler/playground/src/App.vue      |   2 +-
 packages/compiler/playground/src/main.css     |   1 +
 packages/compiler/playground/src/main.ts      |   1 +
 packages/compiler/playground/vite.config.ts   |   2 +
 packages/compiler/shared/ts.ts                |  45 +++
 packages/compiler/shared/vuestic-config.ts    |  32 ++
 packages/compiler/tailwindcss/index.ts        |  68 ++++
 packages/compiler/vite-plugin/index.ts        |   8 +
 .../src/steps/2.2.addTailwind.ts              |  86 +----
 packages/create-vuestic/src/versions.ts       |   4 +-
 yarn.lock                                     | 363 +++++++++++++++++-
 12 files changed, 529 insertions(+), 85 deletions(-)
 create mode 100644 packages/compiler/playground/src/main.css
 create mode 100644 packages/compiler/shared/ts.ts
 create mode 100644 packages/compiler/shared/vuestic-config.ts
 create mode 100644 packages/compiler/tailwindcss/index.ts

diff --git a/packages/compiler/package.json b/packages/compiler/package.json
index 4d87780488..926ca0a9cd 100644
--- a/packages/compiler/package.json
+++ b/packages/compiler/package.json
@@ -16,7 +16,9 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
     "@vitejs/plugin-vue": "^6.0.0",
+    "tailwindcss": "^4.0.0",
     "tsup": "^8.5.0",
     "vite": "^5.0.3"
   },
diff --git a/packages/compiler/playground/src/App.vue b/packages/compiler/playground/src/App.vue
index 532be63723..012a60cd8a 100644
--- a/packages/compiler/playground/src/App.vue
+++ b/packages/compiler/playground/src/App.vue
@@ -20,7 +20,7 @@ import TestPage from './pages/TestPage.vue';
     </template>
   </VaNavbar>
 
-  <div style="padding: 16px">
+  <div style="padding: 16px" class="bg-my-custom-color">
     <TestPage>
       Default slot
       <template #footer>
diff --git a/packages/compiler/playground/src/main.css b/packages/compiler/playground/src/main.css
new file mode 100644
index 0000000000..f1d8c73cdc
--- /dev/null
+++ b/packages/compiler/playground/src/main.css
@@ -0,0 +1 @@
+@import "tailwindcss";
diff --git a/packages/compiler/playground/src/main.ts b/packages/compiler/playground/src/main.ts
index e0742a6b58..9c15037c15 100644
--- a/packages/compiler/playground/src/main.ts
+++ b/packages/compiler/playground/src/main.ts
@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import './main.css'
 
 createApp(App)
   .mount('#app')
diff --git a/packages/compiler/playground/vite.config.ts b/packages/compiler/playground/vite.config.ts
index 0a6f98fbef..5e17a0ed5f 100644
--- a/packages/compiler/playground/vite.config.ts
+++ b/packages/compiler/playground/vite.config.ts
@@ -4,6 +4,7 @@ import Inspect from 'vite-plugin-inspect'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
 
 import { vuestic } from '../vite-plugin'
 
@@ -18,6 +19,7 @@ export default defineConfig({
       config: true,
       cssLayers: true,
     }),
+    tailwindcss(),
     vue(),
     Inspect(),
   ],
diff --git a/packages/compiler/shared/ts.ts b/packages/compiler/shared/ts.ts
new file mode 100644
index 0000000000..762361073d
--- /dev/null
+++ b/packages/compiler/shared/ts.ts
@@ -0,0 +1,45 @@
+import ts from 'typescript'
+import { basename, dirname, resolve } from "path";
+import { writeFile, mkdtemp, rm } from 'fs/promises'
+import { randomUUID } from 'crypto'
+
+export const executeModule = async <T>(scriptCode: string, filePath: string) => {
+  if (!filePath) {
+    filePath = randomUUID()
+  }
+
+  const fileName = basename(filePath)
+  const dirName = dirname(filePath)
+
+  const tempFileName = resolve(dirName, fileName + '-vc.mjs')
+
+  try {
+    await writeFile(tempFileName, scriptCode)
+
+    const module = await import(tempFileName)
+
+    return module as T
+  }
+  catch (e) {
+    console.error(e)
+  }
+  finally {
+    await rm(tempFileName, { recursive: true, force: true })
+  }
+};
+
+export const executeTsModule = async <T>(scriptCode: string, filePath: string) => {
+  const transpiled = transpileTs(scriptCode)
+
+  return executeModule<T>(transpiled.outputText, filePath)
+}
+
+export const transpileTs = (code: string) => {
+  return ts.transpileModule(code, {
+    compilerOptions: {
+      module: ts.ModuleKind.ESNext,
+      target: ts.ScriptTarget.ESNext,
+      strict: false,
+    },
+  })
+}
diff --git a/packages/compiler/shared/vuestic-config.ts b/packages/compiler/shared/vuestic-config.ts
new file mode 100644
index 0000000000..9f7492e64e
--- /dev/null
+++ b/packages/compiler/shared/vuestic-config.ts
@@ -0,0 +1,32 @@
+import { existsSync } from 'node:fs'
+import { readFile } from 'node:fs/promises'
+import { resolve } from 'node:path'
+import { executeTsModule } from './ts'
+import { type GlobalConfig } from 'vuestic-ui'
+
+export const resolveVuesticConfigPath = () => {
+  if (existsSync('./vuestic.config.ts')) {
+    return './vuestic.config.ts'
+  } else if (existsSync('./vuestic.config.js')) {
+    return './vuestic.config.js'
+  } else if (existsSync('./vuestic.config.mjs')) {
+    return './vuestic.config.mjs'
+  } else if (existsSync('./vuestic.config.cjs')) {
+    return './vuestic.config.cjs'
+  } else if (existsSync('./vuestic.config.mts')) {
+    return './vuestic.config.mts'
+  } else {
+    return undefined
+  }
+}
+
+export const tryToReadConfig = async (path: string | undefined = resolveVuesticConfigPath()) => {
+  if (path && existsSync(path)) {
+    const absolutePath = resolve(path)
+    const { default: config } = await executeTsModule<{ default: GlobalConfig }>((await readFile(absolutePath)).toString(), absolutePath) ?? {}
+
+    return config
+  }
+
+  return null
+}
diff --git a/packages/compiler/tailwindcss/index.ts b/packages/compiler/tailwindcss/index.ts
new file mode 100644
index 0000000000..eca78f1b8b
--- /dev/null
+++ b/packages/compiler/tailwindcss/index.ts
@@ -0,0 +1,68 @@
+import { MagicString } from '@vue/compiler-sfc';
+import { Plugin } from 'vite';
+import { tryToReadConfig } from '../shared/vuestic-config';
+import { colorsPreset } from 'vuestic-ui'
+
+const kebabCase = (str: string) => {
+  return str.replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+    .toLowerCase();
+}
+
+const defaultColors = Object.keys(colorsPreset.light)
+
+function addCssVariables(colors: Record<string, string>): string {
+  const colorVariables = [...defaultColors, ...Object.keys(colors)].map((key) => `--color-${kebabCase(key)}: var(--va-${kebabCase(key)});`).join('\n  ');
+
+  return `
+@theme {
+  ${colorVariables}
+}
+`
+}
+
+const TAILWIND_CSS_IMPORT_TEMPLATE = `@import "tailwindcss";`
+
+export const vuesticTailwind = () => {
+  let server: import('vite').ViteDevServer
+
+  return {
+    name: 'vuestic:tailwindcss',
+
+    enforce: 'pre',
+
+    configResolved(config) {
+      const tailwindPluginIndex = config.plugins.findIndex((p) => p.name === '@tailwindcss/vite:scan')
+      const vuesticTailwindPluginIndex = config.plugins.findIndex((p) => p.name === 'vuestic:tailwindcss')
+
+      if (tailwindPluginIndex !== -1 && vuesticTailwindPluginIndex !== -1 && tailwindPluginIndex < vuesticTailwindPluginIndex) {
+        console.warn('[Vuestic] vuestic:tailwindcss plugin should be placed before tailwindcss plugin in the Vite config plugins array.')
+      }
+    },
+
+    configureServer(_s) {
+      server = _s;
+    },
+
+    async transform(code, id, options) {
+      if (!id.endsWith('css')) {
+        return
+      }
+
+      if (!code.includes(TAILWIND_CSS_IMPORT_TEMPLATE)) {
+        return
+      }
+
+      const ms = new MagicString(code);
+
+      const config = (await tryToReadConfig()) ?? { colors: { variables: {} } };
+
+      ms.appendRight(code.indexOf(TAILWIND_CSS_IMPORT_TEMPLATE) + TAILWIND_CSS_IMPORT_TEMPLATE.length, addCssVariables(config.colors.variables));
+
+      return {
+        code: ms.toString(),
+        map: ms.generateMap()
+      }
+    },
+  } as Plugin
+}
diff --git a/packages/compiler/vite-plugin/index.ts b/packages/compiler/vite-plugin/index.ts
index d7b141d45a..b6fd1d8797 100644
--- a/packages/compiler/vite-plugin/index.ts
+++ b/packages/compiler/vite-plugin/index.ts
@@ -4,6 +4,7 @@ import { devtools, PluginOptions as DevtoolsPluginOptions } from "../devtools"
 import { cssLayers } from "../css-layers"
 import { vuesticConfig, Options as VuesticConfigPluginOptions } from "../vuestic-config"
 import { vuesticAutoImport } from "../auto-import"
+import { vuesticTailwind } from "../tailwindcss"
 import { mergeDeep } from "../shared/merge-deep"
 import { logger } from "../logger"
 import { getProjectEnv } from "../shared/project-env"
@@ -92,6 +93,13 @@ export const vuestic = (options: Options = {}): Plugin[] => {
     plugins.push(cssLayers)
   }
 
+  if (env.hasTailwindCSS) {
+    logger.info(formatString('Using [vuestic:tailwind] plugin.'), {
+      timestamp: true,
+    })
+    plugins.push(vuesticTailwind())
+  }
+
   if (Boolean(options.autoImport)) {
     logger.info(formatString('Using [vuestic:auto-import] plugin.'), {
       timestamp: true,
diff --git a/packages/create-vuestic/src/steps/2.2.addTailwind.ts b/packages/create-vuestic/src/steps/2.2.addTailwind.ts
index c038fccbfc..764050c843 100644
--- a/packages/create-vuestic/src/steps/2.2.addTailwind.ts
+++ b/packages/create-vuestic/src/steps/2.2.addTailwind.ts
@@ -8,44 +8,13 @@ const installInVite = async () => {
 
   const css = resolveCorrectExt('src/assets/main', ['css', 'scss', 'sass'])
 
-  return Promise.all([
-    addFile('tailwind.config.mjs', `
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {},
-    screens: {
-      xs: '0px',
-      sm: '576px',
-      md: '768px',
-      lg: '992px',
-      xl: '1200px',
-    },
-  },
-  plugins: [],
-}
-`.trim()),
-    addFile('postcss.config.mjs', `
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
-`.trim()),
-    replaceFileContent(css!, (content) =>
+  return replaceFileContent(css!, (content) =>
       content.replace("@import './base.css';", `
 @import './base.css';
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 `.trim())
     )
-  ])
 }
 
 const installInNuxt = async () => {
@@ -54,48 +23,9 @@ const installInNuxt = async () => {
   const nuxtConfig = resolveCorrectExt('nuxt.config', ['ts', 'js'])
 
   return Promise.all([
-    addFile('tailwind.config.js', `
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./components/**/*.{js,vue,ts}",
-    "./layouts/**/*.vue",
-    "./pages/**/*.vue",
-    "./plugins/**/*.{js,ts}",
-    "./nuxt.config.{js,ts}",
-    "./app.vue",
-  ],
-  theme: {
-    extend: {},
-    screens: {
-      xs: '0px',
-      sm: '576px',
-      md: '768px',
-      lg: '992px',
-      xl: '1200px',
-    },
-  },
-  plugins: [],
-}
-`.trim()),
     addFile('./assets/css/main.css', `
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-`.trim()
-    ),
-    replaceFileContent(nuxtConfig!, (content) =>
-      content.replace('export default defineNuxtConfig({', `
-export default defineNuxtConfig({
-  css: ['~/assets/css/main.css'],
-  postcss: {
-    plugins: {
-      tailwindcss: {},
-      autoprefixer: {},
-    },
-  },
-`.trim())
-    ),
+@import "tailwindcss";
+`.trim()),
   ])
 }
 
@@ -115,13 +45,9 @@ export const addTailwind = async (options: UserAnswers) => {
 
   await Promise.all([
     addDependencies({
-      dependencies: {
-        '@vuestic/tailwind': versions['@vuestic/tailwind'],
-      },
       devDependencies: {
-        tailwindcss: versions['tailwindcss'],
-        autoprefixer: versions['autoprefixer'],
-        postcss: versions['postcss'],
+        "@tailwindcss/vite": versions['@tailwindcss/vite'],
+        "tailwindcss": versions['tailwindcss'],
       }
     }),
   ])
diff --git a/packages/create-vuestic/src/versions.ts b/packages/create-vuestic/src/versions.ts
index 8b3996c450..8375bda94a 100644
--- a/packages/create-vuestic/src/versions.ts
+++ b/packages/create-vuestic/src/versions.ts
@@ -3,8 +3,8 @@ export const versions = {
   '@vuestic/nuxt': '^1.0.19',
   '@vuestic/ag-grid-theme': '^1.1.4',
   '@vuestic/compiler': '^0.2.7',
-  '@vuestic/tailwind': '^0.1.3',
-  'tailwindcss': '^3.3.3',
+  "@tailwindcss/vite": "^4.1.11",
+  "tailwindcss": "^4.1.11",
   'postcss': '^8.4.28',
   'autoprefixer': '^10.4.15'
 }
diff --git a/yarn.lock b/yarn.lock
index 524316f728..6bc93dd18c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -257,7 +257,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ampproject/remapping@npm:^2.2.0":
+"@ampproject/remapping@npm:^2.2.0, @ampproject/remapping@npm:^2.3.0":
   version: 2.3.0
   resolution: "@ampproject/remapping@npm:2.3.0"
   dependencies:
@@ -2175,6 +2175,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emnapi/core@npm:^1.4.3":
+  version: 1.4.5
+  resolution: "@emnapi/core@npm:1.4.5"
+  dependencies:
+    "@emnapi/wasi-threads": "npm:1.0.4"
+    tslib: "npm:^2.4.0"
+  checksum: 10/412322102dc861e8aa78123ae20560ac980362a220c736fe59ddea3228d490757780ea4cdc3bd54903a5ca2a92085f119e42f2c07f60e2aec2c0b8a69ea094c0
+  languageName: node
+  linkType: hard
+
+"@emnapi/runtime@npm:^1.4.3":
+  version: 1.4.5
+  resolution: "@emnapi/runtime@npm:1.4.5"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/1d6f406ff116d2363e60aef3ed49eb8d577387f4941abea508ba376900d8831609d5cce92a58076b1a9613f8e83c75c2e3fea71e4fbcdbe06019876144c2559b
+  languageName: node
+  linkType: hard
+
+"@emnapi/wasi-threads@npm:1.0.4, @emnapi/wasi-threads@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "@emnapi/wasi-threads@npm:1.0.4"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/86688f416095b59d8d3e5ea2d8b5574a7c180257fe0c067c7a492f3de2cf5ebc2c8b00af17d6341c7555c614266d3987f332015d7ce6e88b234a9a314e66f396
+  languageName: node
+  linkType: hard
+
 "@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.0":
   version: 1.0.1
   resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.1"
@@ -5052,6 +5080,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@napi-rs/wasm-runtime@npm:^0.2.11":
+  version: 0.2.12
+  resolution: "@napi-rs/wasm-runtime@npm:0.2.12"
+  dependencies:
+    "@emnapi/core": "npm:^1.4.3"
+    "@emnapi/runtime": "npm:^1.4.3"
+    "@tybys/wasm-util": "npm:^0.10.0"
+  checksum: 10/5fd518182427980c28bc724adf06c5f32f9a8915763ef560b5f7d73607d30cd15ac86d0cbd2eb80d4cfab23fc80d0876d89ca36a9daadcb864bc00917c94187c
+  languageName: node
+  linkType: hard
+
 "@ndelangen/get-tarball@npm:^3.0.7":
   version: 3.0.9
   resolution: "@ndelangen/get-tarball@npm:3.0.9"
@@ -8048,6 +8087,172 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tailwindcss/node@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/node@npm:4.1.11"
+  dependencies:
+    "@ampproject/remapping": "npm:^2.3.0"
+    enhanced-resolve: "npm:^5.18.1"
+    jiti: "npm:^2.4.2"
+    lightningcss: "npm:1.30.1"
+    magic-string: "npm:^0.30.17"
+    source-map-js: "npm:^1.2.1"
+    tailwindcss: "npm:4.1.11"
+  checksum: 10/657ba0076c5d117a13aabef68f293a25978024e436aa804d54f7e603489ed60f64683f76373dc94fce4db5c6397ab4b84d24f542e9e182132c652d52b6627959
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-android-arm64@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-android-arm64@npm:4.1.11"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-darwin-arm64@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-darwin-arm64@npm:4.1.11"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-darwin-x64@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-darwin-x64@npm:4.1.11"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-freebsd-x64@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-freebsd-x64@npm:4.1.11"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm-gnueabihf@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-linux-arm-gnueabihf@npm:4.1.11"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm64-gnu@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-linux-arm64-gnu@npm:4.1.11"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm64-musl@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-linux-arm64-musl@npm:4.1.11"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-x64-gnu@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-linux-x64-gnu@npm:4.1.11"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-x64-musl@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-linux-x64-musl@npm:4.1.11"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-wasm32-wasi@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-wasm32-wasi@npm:4.1.11"
+  dependencies:
+    "@emnapi/core": "npm:^1.4.3"
+    "@emnapi/runtime": "npm:^1.4.3"
+    "@emnapi/wasi-threads": "npm:^1.0.2"
+    "@napi-rs/wasm-runtime": "npm:^0.2.11"
+    "@tybys/wasm-util": "npm:^0.9.0"
+    tslib: "npm:^2.8.0"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-win32-arm64-msvc@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-win32-arm64-msvc@npm:4.1.11"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-win32-x64-msvc@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide-win32-x64-msvc@npm:4.1.11"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide@npm:4.1.11":
+  version: 4.1.11
+  resolution: "@tailwindcss/oxide@npm:4.1.11"
+  dependencies:
+    "@tailwindcss/oxide-android-arm64": "npm:4.1.11"
+    "@tailwindcss/oxide-darwin-arm64": "npm:4.1.11"
+    "@tailwindcss/oxide-darwin-x64": "npm:4.1.11"
+    "@tailwindcss/oxide-freebsd-x64": "npm:4.1.11"
+    "@tailwindcss/oxide-linux-arm-gnueabihf": "npm:4.1.11"
+    "@tailwindcss/oxide-linux-arm64-gnu": "npm:4.1.11"
+    "@tailwindcss/oxide-linux-arm64-musl": "npm:4.1.11"
+    "@tailwindcss/oxide-linux-x64-gnu": "npm:4.1.11"
+    "@tailwindcss/oxide-linux-x64-musl": "npm:4.1.11"
+    "@tailwindcss/oxide-wasm32-wasi": "npm:4.1.11"
+    "@tailwindcss/oxide-win32-arm64-msvc": "npm:4.1.11"
+    "@tailwindcss/oxide-win32-x64-msvc": "npm:4.1.11"
+    detect-libc: "npm:^2.0.4"
+    tar: "npm:^7.4.3"
+  dependenciesMeta:
+    "@tailwindcss/oxide-android-arm64":
+      optional: true
+    "@tailwindcss/oxide-darwin-arm64":
+      optional: true
+    "@tailwindcss/oxide-darwin-x64":
+      optional: true
+    "@tailwindcss/oxide-freebsd-x64":
+      optional: true
+    "@tailwindcss/oxide-linux-arm-gnueabihf":
+      optional: true
+    "@tailwindcss/oxide-linux-arm64-gnu":
+      optional: true
+    "@tailwindcss/oxide-linux-arm64-musl":
+      optional: true
+    "@tailwindcss/oxide-linux-x64-gnu":
+      optional: true
+    "@tailwindcss/oxide-linux-x64-musl":
+      optional: true
+    "@tailwindcss/oxide-wasm32-wasi":
+      optional: true
+    "@tailwindcss/oxide-win32-arm64-msvc":
+      optional: true
+    "@tailwindcss/oxide-win32-x64-msvc":
+      optional: true
+  checksum: 10/57d2323c2ec9f17e6b8c1a257eba2484d7b46324b26e316117baa8debb79d51c38eaf598a6cafb92f1523b8e506b0071b25f67f9b02a665f91084c3cab8aa14a
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/vite@npm:^4.0.0":
+  version: 4.1.11
+  resolution: "@tailwindcss/vite@npm:4.1.11"
+  dependencies:
+    "@tailwindcss/node": "npm:4.1.11"
+    "@tailwindcss/oxide": "npm:4.1.11"
+    tailwindcss: "npm:4.1.11"
+  peerDependencies:
+    vite: ^5.2.0 || ^6 || ^7
+  checksum: 10/8f25a4dac6c562b67f46ccbbe013f42e5f139e53a825d13f66be00d2d9e757b819d60afc9666b0f20a0fcc357e2c1d697a359114d582f8f2d8312b8c333cc031
+  languageName: node
+  linkType: hard
+
 "@testing-library/dom@npm:^8.3.0":
   version: 8.20.1
   resolution: "@testing-library/dom@npm:8.20.1"
@@ -8150,6 +8355,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tybys/wasm-util@npm:^0.10.0":
+  version: 0.10.0
+  resolution: "@tybys/wasm-util@npm:0.10.0"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/779d047a77e8a619b6e26b6fe556f413316d846e9a35438668a15510a4d6e7294388c998f65911f6f1a13838745575d7793cb1d27182752f6f95991725b15d45
+  languageName: node
+  linkType: hard
+
+"@tybys/wasm-util@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "@tybys/wasm-util@npm:0.9.0"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/aa58e64753a420ad1eefaf7bacef3dda61d74f9336925943d9244132d5b48d9242f734f1e707fd5ccfa6dd1d8ec8e6debc234b4dedb3a5b0d8486d1f373350b2
+  languageName: node
+  linkType: hard
+
 "@types/acorn@npm:^6.0.0":
   version: 6.0.0
   resolution: "@types/acorn@npm:6.0.0"
@@ -9858,9 +10081,11 @@ __metadata:
   resolution: "@vuestic/compiler@workspace:packages/compiler"
   dependencies:
     "@rollup/pluginutils": "npm:^5.1.0"
+    "@tailwindcss/vite": "npm:^4.0.0"
     "@vitejs/plugin-vue": "npm:^6.0.0"
     acorn: "npm:^8.12.1"
     shiki: "npm:^1.10.1"
+    tailwindcss: "npm:^4.0.0"
     tsup: "npm:^8.5.0"
     unplugin-vue-components: "npm:^28.8.0"
     vite: "npm:^5.0.3"
@@ -14419,6 +14644,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^2.0.3, detect-libc@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "detect-libc@npm:2.0.4"
+  checksum: 10/136e995f8c5ffbc515955b0175d441b967defd3d5f2268e89fa695e9c7170d8bed17993e31a34b04f0fad33d844a3a598e0fd519a8e9be3cad5f67662d96fee0
+  languageName: node
+  linkType: hard
+
 "detect-node-es@npm:^1.1.0":
   version: 1.1.0
   resolution: "detect-node-es@npm:1.1.0"
@@ -14961,6 +15193,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"enhanced-resolve@npm:^5.18.1":
+  version: 5.18.2
+  resolution: "enhanced-resolve@npm:5.18.2"
+  dependencies:
+    graceful-fs: "npm:^4.2.4"
+    tapable: "npm:^2.2.0"
+  checksum: 10/d1b517c908b69d1afbf87b476bbe7dd8d1daf11070127b9ec4f8553f0c6020d30f79103c938776645d569e954e4e04c326f408d2ea3820ade71e72798fb7d36f
+  languageName: node
+  linkType: hard
+
 "enquirer@npm:^2.3.6":
   version: 2.4.1
   resolution: "enquirer@npm:2.4.1"
@@ -20861,6 +21103,116 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lightningcss-darwin-arm64@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-darwin-arm64@npm:1.30.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-darwin-x64@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-darwin-x64@npm:1.30.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss-freebsd-x64@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-freebsd-x64@npm:1.30.1"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm-gnueabihf@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-linux-arm-gnueabihf@npm:1.30.1"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm64-gnu@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-linux-arm64-gnu@npm:1.30.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-arm64-musl@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-linux-arm64-musl@npm:1.30.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-x64-gnu@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-linux-x64-gnu@npm:1.30.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"lightningcss-linux-x64-musl@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-linux-x64-musl@npm:1.30.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"lightningcss-win32-arm64-msvc@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-win32-arm64-msvc@npm:1.30.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lightningcss-win32-x64-msvc@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss-win32-x64-msvc@npm:1.30.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lightningcss@npm:1.30.1":
+  version: 1.30.1
+  resolution: "lightningcss@npm:1.30.1"
+  dependencies:
+    detect-libc: "npm:^2.0.3"
+    lightningcss-darwin-arm64: "npm:1.30.1"
+    lightningcss-darwin-x64: "npm:1.30.1"
+    lightningcss-freebsd-x64: "npm:1.30.1"
+    lightningcss-linux-arm-gnueabihf: "npm:1.30.1"
+    lightningcss-linux-arm64-gnu: "npm:1.30.1"
+    lightningcss-linux-arm64-musl: "npm:1.30.1"
+    lightningcss-linux-x64-gnu: "npm:1.30.1"
+    lightningcss-linux-x64-musl: "npm:1.30.1"
+    lightningcss-win32-arm64-msvc: "npm:1.30.1"
+    lightningcss-win32-x64-msvc: "npm:1.30.1"
+  dependenciesMeta:
+    lightningcss-darwin-arm64:
+      optional: true
+    lightningcss-darwin-x64:
+      optional: true
+    lightningcss-freebsd-x64:
+      optional: true
+    lightningcss-linux-arm-gnueabihf:
+      optional: true
+    lightningcss-linux-arm64-gnu:
+      optional: true
+    lightningcss-linux-arm64-musl:
+      optional: true
+    lightningcss-linux-x64-gnu:
+      optional: true
+    lightningcss-linux-x64-musl:
+      optional: true
+    lightningcss-win32-arm64-msvc:
+      optional: true
+    lightningcss-win32-x64-msvc:
+      optional: true
+  checksum: 10/6c921135216cc498dfcb87e35dffe8432e99306cbd58009c598b1daf20c81cc14535abbd4c1066e5d1faf4080ed44a2995e8ecc343633db4897a2d041b76fb05
+  languageName: node
+  linkType: hard
+
 "lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5, lilconfig@npm:^2.1.0":
   version: 2.1.0
   resolution: "lilconfig@npm:2.1.0"
@@ -29471,6 +29823,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tailwindcss@npm:4.1.11, tailwindcss@npm:^4.0.0":
+  version: 4.1.11
+  resolution: "tailwindcss@npm:4.1.11"
+  checksum: 10/cfe16f327e501cc9cefb136138b5435353c63bd0aa4092a100fc49aef6340d919b1a19910b133b4b5973adfd91c6e284195e78efa303eb92e7976614a2076d6b
+  languageName: node
+  linkType: hard
+
 "tailwindcss@npm:~3.4.13":
   version: 3.4.15
   resolution: "tailwindcss@npm:3.4.15"
@@ -30250,7 +30609,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.1.0":
+"tslib@npm:^2.1.0, tslib@npm:^2.8.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10/3e2e043d5c2316461cb54e5c7fe02c30ef6dccb3384717ca22ae5c6b5bc95232a6241df19c622d9c73b809bea33b187f6dbc73030963e29950c2141bc32a79f7

From aa55e3e4ab5451c74208a43c6cf57f6f1ee6a4e5 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Sun, 27 Jul 2025 19:05:27 +0300
Subject: [PATCH 2/5] chore(compiler/tailwind): minor fixes

---
 packages/compiler/shared/ts.ts         | 5 ++++-
 packages/compiler/tailwindcss/index.ts | 9 +++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/compiler/shared/ts.ts b/packages/compiler/shared/ts.ts
index 762361073d..f4fdd0edd2 100644
--- a/packages/compiler/shared/ts.ts
+++ b/packages/compiler/shared/ts.ts
@@ -2,6 +2,7 @@ import ts from 'typescript'
 import { basename, dirname, resolve } from "path";
 import { writeFile, mkdtemp, rm } from 'fs/promises'
 import { randomUUID } from 'crypto'
+import { logger } from '../logger';
 
 export const executeModule = async <T>(scriptCode: string, filePath: string) => {
   if (!filePath) {
@@ -21,7 +22,9 @@ export const executeModule = async <T>(scriptCode: string, filePath: string) =>
     return module as T
   }
   catch (e) {
-    console.error(e)
+    logger.error(typeof e === 'string' ? e : e instanceof Error ? e.message : 'Unknown error', {
+      timestamp: true
+    })
   }
   finally {
     await rm(tempFileName, { recursive: true, force: true })
diff --git a/packages/compiler/tailwindcss/index.ts b/packages/compiler/tailwindcss/index.ts
index eca78f1b8b..70e72ec85f 100644
--- a/packages/compiler/tailwindcss/index.ts
+++ b/packages/compiler/tailwindcss/index.ts
@@ -2,6 +2,7 @@ import { MagicString } from '@vue/compiler-sfc';
 import { Plugin } from 'vite';
 import { tryToReadConfig } from '../shared/vuestic-config';
 import { colorsPreset } from 'vuestic-ui'
+import { logger } from '../logger';
 
 const kebabCase = (str: string) => {
   return str.replace(/([a-z])([A-Z])/g, '$1-$2')
@@ -11,8 +12,12 @@ const kebabCase = (str: string) => {
 
 const defaultColors = Object.keys(colorsPreset.light)
 
+function uniqueArray<T>(array: T[]): T[] {
+  return Array.from(new Set(array));
+}
+
 function addCssVariables(colors: Record<string, string>): string {
-  const colorVariables = [...defaultColors, ...Object.keys(colors)].map((key) => `--color-${kebabCase(key)}: var(--va-${kebabCase(key)});`).join('\n  ');
+  const colorVariables = uniqueArray([...defaultColors, ...Object.keys(colors)]).map((key) => `--color-${kebabCase(key)}: var(--va-${kebabCase(key)});`).join('\n  ');
 
   return `
 @theme {
@@ -36,7 +41,7 @@ export const vuesticTailwind = () => {
       const vuesticTailwindPluginIndex = config.plugins.findIndex((p) => p.name === 'vuestic:tailwindcss')
 
       if (tailwindPluginIndex !== -1 && vuesticTailwindPluginIndex !== -1 && tailwindPluginIndex < vuesticTailwindPluginIndex) {
-        console.warn('[Vuestic] vuestic:tailwindcss plugin should be placed before tailwindcss plugin in the Vite config plugins array.')
+        logger.warn('[Vuestic] vuestic plugin should be placed before tailwindcss plugin in the Vite config plugins array.', { timestamp: true });
       }
     },
 

From e01ba82d2d10e479c3b99108f0beefe293d08f13 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Sun, 27 Jul 2025 21:47:40 +0300
Subject: [PATCH 3/5] fix: re-transform tailwind when vuestic-config is updated

---
 packages/compiler/shared/fs.ts             | 26 +++++++++++++
 packages/compiler/shared/ts.ts             |  2 +-
 packages/compiler/shared/vuestic-config.ts | 43 +++++++++++++++-------
 packages/compiler/tailwindcss/index.ts     | 10 ++++-
 4 files changed, 65 insertions(+), 16 deletions(-)
 create mode 100644 packages/compiler/shared/fs.ts

diff --git a/packages/compiler/shared/fs.ts b/packages/compiler/shared/fs.ts
new file mode 100644
index 0000000000..512b055aa2
--- /dev/null
+++ b/packages/compiler/shared/fs.ts
@@ -0,0 +1,26 @@
+import { existsSync, watch } from 'fs'
+import { dirname } from 'path'
+
+export const watchFileChangeOnce = (path: string, cb: () => void) => {
+  if (!existsSync(path)) {
+    const watcher = watch(dirname(path), { recursive: true }, (eventType, filename) => {
+      if (filename === path) {
+        cb()
+      }
+
+      watcher.close()
+    })
+
+    return
+  }
+
+  const watcher = watch(
+    path,
+    (eventType, filename) => {
+      if (filename) {
+        cb()
+        watcher.close()
+      }
+    }
+  )
+}
diff --git a/packages/compiler/shared/ts.ts b/packages/compiler/shared/ts.ts
index f4fdd0edd2..0f15e9201f 100644
--- a/packages/compiler/shared/ts.ts
+++ b/packages/compiler/shared/ts.ts
@@ -12,7 +12,7 @@ export const executeModule = async <T>(scriptCode: string, filePath: string) =>
   const fileName = basename(filePath)
   const dirName = dirname(filePath)
 
-  const tempFileName = resolve(dirName, fileName + '-vc.mjs')
+  const tempFileName = resolve(dirName, fileName + `${randomUUID()}-vc.mjs`)
 
   try {
     await writeFile(tempFileName, scriptCode)
diff --git a/packages/compiler/shared/vuestic-config.ts b/packages/compiler/shared/vuestic-config.ts
index 9f7492e64e..7b6e439edc 100644
--- a/packages/compiler/shared/vuestic-config.ts
+++ b/packages/compiler/shared/vuestic-config.ts
@@ -3,30 +3,47 @@ import { readFile } from 'node:fs/promises'
 import { resolve } from 'node:path'
 import { executeTsModule } from './ts'
 import { type GlobalConfig } from 'vuestic-ui'
+import { watchFileChangeOnce } from './fs'
+
+const POSSIBLE_CONFIG_FILES = [
+  './vuestic.config.ts',
+  './vuestic.config.js',
+  './vuestic.config.mjs',
+  './vuestic.config.cjs',
+  './vuestic.config.mts',
+]
 
 export const resolveVuesticConfigPath = () => {
-  if (existsSync('./vuestic.config.ts')) {
-    return './vuestic.config.ts'
-  } else if (existsSync('./vuestic.config.js')) {
-    return './vuestic.config.js'
-  } else if (existsSync('./vuestic.config.mjs')) {
-    return './vuestic.config.mjs'
-  } else if (existsSync('./vuestic.config.cjs')) {
-    return './vuestic.config.cjs'
-  } else if (existsSync('./vuestic.config.mts')) {
-    return './vuestic.config.mts'
-  } else {
-    return undefined
+  for (const file of POSSIBLE_CONFIG_FILES) {
+    const absolutePath = resolve(file)
+    if (existsSync(absolutePath)) {
+      return absolutePath
+    }
   }
 }
 
 export const tryToReadConfig = async (path: string | undefined = resolveVuesticConfigPath()) => {
   if (path && existsSync(path)) {
     const absolutePath = resolve(path)
-    const { default: config } = await executeTsModule<{ default: GlobalConfig }>((await readFile(absolutePath)).toString(), absolutePath) ?? {}
+    const source = await readFile(absolutePath)
+    const { default: config } = await executeTsModule<{ default: GlobalConfig }>(source.toString(), absolutePath) ?? {}
 
     return config
   }
 
   return null
 }
+
+export const watchVuesticConfigOnce = async (onChange: () => void) => {
+  let config = await tryToReadConfig()
+
+  for (const file of POSSIBLE_CONFIG_FILES) {
+    const absolutePath = resolve(file)
+
+    watchFileChangeOnce(absolutePath, () => {
+      onChange()
+    })
+  }
+
+  return config
+}
diff --git a/packages/compiler/tailwindcss/index.ts b/packages/compiler/tailwindcss/index.ts
index 70e72ec85f..9473f3eb8a 100644
--- a/packages/compiler/tailwindcss/index.ts
+++ b/packages/compiler/tailwindcss/index.ts
@@ -1,6 +1,7 @@
+import { readFile, writeFile } from 'fs/promises';
 import { MagicString } from '@vue/compiler-sfc';
 import { Plugin } from 'vite';
-import { tryToReadConfig } from '../shared/vuestic-config';
+import { watchVuesticConfigOnce } from '../shared/vuestic-config';
 import { colorsPreset } from 'vuestic-ui'
 import { logger } from '../logger';
 
@@ -60,7 +61,12 @@ export const vuesticTailwind = () => {
 
       const ms = new MagicString(code);
 
-      const config = (await tryToReadConfig()) ?? { colors: { variables: {} } };
+      const config = (await watchVuesticConfigOnce(async () => {
+        // trigger full re-transform of id
+        await writeFile(id, ((await readFile(id)).toString()))
+
+        server?.ws.send({ type: 'full-reload', path: '*' });
+      })) ?? { colors: { variables: {} } };
 
       ms.appendRight(code.indexOf(TAILWIND_CSS_IMPORT_TEMPLATE) + TAILWIND_CSS_IMPORT_TEMPLATE.length, addCssVariables(config.colors.variables));
 

From 7b4f6b7f02434184a3b9b413822567dd9047bd0c Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Sun, 27 Jul 2025 23:02:59 +0300
Subject: [PATCH 4/5] fix(docs): tailwind upgrade

---
 packages/docs/assets/css/tailwind.css         |   7 +-
 packages/docs/components/layout/Sidebar.vue   |   7 +-
 packages/docs/layouts/default.vue             |   5 +
 packages/docs/nuxt.config.ts                  |  25 +-
 packages/docs/package.json                    |   2 +-
 .../page-config/compiler/tailwind/index.ts    |   9 +
 packages/docs/page-config/navigationRoutes.ts |   8 +
 yarn.lock                                     | 555 ++----------------
 8 files changed, 72 insertions(+), 546 deletions(-)
 create mode 100644 packages/docs/page-config/compiler/tailwind/index.ts

diff --git a/packages/docs/assets/css/tailwind.css b/packages/docs/assets/css/tailwind.css
index ef5adfac01..40aba766fb 100644
--- a/packages/docs/assets/css/tailwind.css
+++ b/packages/docs/assets/css/tailwind.css
@@ -1,7 +1,2 @@
 /* Disables Tailwind CSS Reset */
-@layer tailwind.base {
-  @tailwind base;
-}
-
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss" important;
diff --git a/packages/docs/components/layout/Sidebar.vue b/packages/docs/components/layout/Sidebar.vue
index 33cc482c4e..750da34538 100644
--- a/packages/docs/components/layout/Sidebar.vue
+++ b/packages/docs/components/layout/Sidebar.vue
@@ -136,8 +136,11 @@ export default defineComponent({
       return path === route.path
     }
 
-    const routeHasActiveChild = (section: NavigationRoute) =>
-      section.children?.some(({ name }) => route.path.endsWith(`/${name}`))
+    const routeHasActiveChild = (section: NavigationRoute) => {
+      return section.children?.some(({ name }) => {
+        return route.path.endsWith(`${section.name}/${name}`)
+      })
+    }
 
     const setActiveExpand = () => {
       value.value = navigationRoutes.map((route, i) => {
diff --git a/packages/docs/layouts/default.vue b/packages/docs/layouts/default.vue
index 8ba7067be9..7714ee93c2 100644
--- a/packages/docs/layouts/default.vue
+++ b/packages/docs/layouts/default.vue
@@ -129,6 +129,11 @@ html {
   background: var(--va-background-primary);
 }
 
+body {
+  padding: 0;
+  margin: 0;
+}
+
 .docs-layout {
   font-family: var(--va-font-family);
   // Halloween background
diff --git a/packages/docs/nuxt.config.ts b/packages/docs/nuxt.config.ts
index 157fe851a6..988e0bc548 100644
--- a/packages/docs/nuxt.config.ts
+++ b/packages/docs/nuxt.config.ts
@@ -1,3 +1,5 @@
+import tailwindcss from "@tailwindcss/vite"
+
 const GTM_ENABLED = process.env.GTM_ENABLED === 'true'
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
@@ -89,7 +91,6 @@ export default defineNuxtConfig({
     './modules/page-config',
     '@nuxtjs/google-fonts',
     './modules/markdown',
-    '@nuxtjs/tailwindcss',
     '@nuxtjs/color-mode',
     '@funken-studio/sitemap-nuxt-3',
     GTM_ENABLED ? '@zadigetvoltaire/nuxt-gtm' : null,
@@ -118,25 +119,8 @@ export default defineNuxtConfig({
     },
   },
 
-  tailwindcss: {
-    viewer: false,
-    config: {
-      important: true,
-      content: [
-        "./components/**/*.{js,vue,ts}",
-        "./page-config/**/*.{js,vue,ts}",
-        "./layouts/**/*.vue",
-        "./pages/**/*.vue",
-        "./modules/page-config/blocks/**/*.vue",
-        "./app.vue",
-      ]
-    }
-  },
-
   postcss: {
     plugins: {
-      cssnano: false,
-      tailwindcss: {},
       autoprefixer: {},
       ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
     },
@@ -162,7 +146,10 @@ export default defineNuxtConfig({
           api: 'modern'
         }
       }
-    }
+    },
+    plugins: [
+      tailwindcss()
+    ]
   },
 
   runtimeConfig: {
diff --git a/packages/docs/package.json b/packages/docs/package.json
index e0e459a137..d263de26e6 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@nuxt/eslint-config": "^0.1.1",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@nuxtjs/tailwindcss": "^6.11.3",
+    "@tailwindcss/vite": "^4.1.11",
     "@types/escodegen": "^0.0.7",
     "@types/estree": "^1.0.0",
     "@types/marked": "^4.3.0",
diff --git a/packages/docs/page-config/compiler/tailwind/index.ts b/packages/docs/page-config/compiler/tailwind/index.ts
new file mode 100644
index 0000000000..459d355efe
--- /dev/null
+++ b/packages/docs/page-config/compiler/tailwind/index.ts
@@ -0,0 +1,9 @@
+export default definePageConfig({
+  blocks: [
+    block.title('Tailwind'),
+
+    block.paragraph('Vuestic UI supports Tailwind CSS as a compiler feature. This allows you to use Tailwind CSS classes alongside Vuestic components and styles.'),
+
+    block.paragraph('`@vuestic/compiler` automatically detects if Tailwind CSS 4 is installed in your project and applies necessary transformations to ensure that `vuestic.config` colors are available as Tailwind CSS classes.'),
+  ]
+})
diff --git a/packages/docs/page-config/navigationRoutes.ts b/packages/docs/page-config/navigationRoutes.ts
index 7cc7029bb3..560cee7081 100644
--- a/packages/docs/page-config/navigationRoutes.ts
+++ b/packages/docs/page-config/navigationRoutes.ts
@@ -625,6 +625,14 @@ export const navigationRoutes: NavigationRoute[] = [
           badge: navigationBadge.new('1.10.0'),
         },
         path: '/compiler/vuestic-config',
+      },
+      {
+        name: 'tailwind',
+        displayName: 'Tailwind',
+        meta: {
+          badge: navigationBadge.new('1.11.0'),
+        },
+        path: '/compiler/tailwind',
       }
     ]
   },
diff --git a/yarn.lock b/yarn.lock
index 6bc93dd18c..9d49a8a688 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -250,13 +250,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@alloc/quick-lru@npm:^5.2.0":
-  version: 5.2.0
-  resolution: "@alloc/quick-lru@npm:5.2.0"
-  checksum: 10/bdc35758b552bcf045733ac047fb7f9a07c4678b944c641adfbd41f798b4b91fffd0fdc0df2578d9b0afc7b4d636aa6e110ead5d6281a2adc1ab90efd7f057f8
-  languageName: node
-  linkType: hard
-
 "@ampproject/remapping@npm:^2.2.0, @ampproject/remapping@npm:^2.3.0":
   version: 2.3.0
   resolution: "@ampproject/remapping@npm:2.3.0"
@@ -2098,24 +2091,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/selector-resolve-nested@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@csstools/selector-resolve-nested@npm:3.0.0"
-  peerDependencies:
-    postcss-selector-parser: ^7.0.0
-  checksum: 10/2059b6d1931d157162fb4a79ebdea614cf2b0024609f5e5cba4aa44a80367b25503c22c49bff99de4fa5fa921ce713cc642fa8aa562f3535e8d0126e6b41778e
-  languageName: node
-  linkType: hard
-
-"@csstools/selector-specificity@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "@csstools/selector-specificity@npm:5.0.0"
-  peerDependencies:
-    postcss-selector-parser: ^7.0.0
-  checksum: 10/8df1a01a1fa52b66c7ba0286e1c77d1faff45009876f09ddcac542a1c4bca9f34ee92a10acf056b8e7b7ac93679c1635496c6cdfd7d88dbaff2b6afd1eb823ec
-  languageName: node
-  linkType: hard
-
 "@csstools/utilities@npm:^1.0.0":
   version: 1.0.0
   resolution: "@csstools/utilities@npm:1.0.0"
@@ -4154,19 +4129,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@koa/router@npm:^12.0.1":
-  version: 12.0.2
-  resolution: "@koa/router@npm:12.0.2"
-  dependencies:
-    debug: "npm:^4.3.4"
-    http-errors: "npm:^2.0.0"
-    koa-compose: "npm:^4.1.0"
-    methods: "npm:^1.1.2"
-    path-to-regexp: "npm:^6.3.0"
-  checksum: 10/6a3b50e2f31b32954716891834041322951b3b21aadf852e33ee05578148b118cac70427f1d0fe836e5ca98770802b93fc2d687adcfd9acf13aa4aea66f1af8c
-  languageName: node
-  linkType: hard
-
 "@kwsites/file-exists@npm:^1.1.1":
   version: 1.1.1
   resolution: "@kwsites/file-exists@npm:1.1.1"
@@ -5563,27 +5525,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nuxtjs/tailwindcss@npm:^6.11.3":
-  version: 6.12.2
-  resolution: "@nuxtjs/tailwindcss@npm:6.12.2"
-  dependencies:
-    "@nuxt/kit": "npm:^3.13.2"
-    autoprefixer: "npm:^10.4.20"
-    consola: "npm:^3.2.3"
-    defu: "npm:^6.1.4"
-    h3: "npm:^1.13.0"
-    klona: "npm:^2.0.6"
-    pathe: "npm:^1.1.2"
-    postcss: "npm:^8.4.47"
-    postcss-nesting: "npm:^13.0.0"
-    tailwind-config-viewer: "npm:^2.0.4"
-    tailwindcss: "npm:~3.4.13"
-    ufo: "npm:^1.5.4"
-    unctx: "npm:^2.3.1"
-  checksum: 10/946506e819e49af2089e6a787c7a42d0a8d4f1ad248dd985d6fde0b9a3224e91e58c56cf35284b5a079e9582c5110978fe9963399f16171a0357b6e99449a0f4
-  languageName: node
-  linkType: hard
-
 "@octokit/auth-token@npm:^2.4.0":
   version: 2.5.0
   resolution: "@octokit/auth-token@npm:2.5.0"
@@ -8240,7 +8181,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tailwindcss/vite@npm:^4.0.0":
+"@tailwindcss/vite@npm:^4.0.0, @tailwindcss/vite@npm:^4.1.11":
   version: 4.1.11
   resolution: "@tailwindcss/vite@npm:4.1.11"
   dependencies:
@@ -10471,7 +10412,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"accepts@npm:^1.3.5, accepts@npm:~1.3.5, accepts@npm:~1.3.8":
+"accepts@npm:~1.3.5, accepts@npm:~1.3.8":
   version: 1.3.8
   resolution: "accepts@npm:1.3.8"
   dependencies:
@@ -10986,7 +10927,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"arg@npm:5.0.2, arg@npm:^5.0.2":
+"arg@npm:5.0.2":
   version: 5.0.2
   resolution: "arg@npm:5.0.2"
   checksum: 10/92fe7de222054a060fd2329e92e867410b3ea260328147ee3fb7855f78efae005f4087e698d4e688a856893c56bb09951588c40f2c901cf6996cd8cd7bcfef2c
@@ -11358,15 +11299,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"async@npm:^2.6.4":
-  version: 2.6.4
-  resolution: "async@npm:2.6.4"
-  dependencies:
-    lodash: "npm:^4.17.14"
-  checksum: 10/df8e52817d74677ab50c438d618633b9450aff26deb274da6dfedb8014130909482acdc7753bce9b72e6171ce9a9f6a92566c4ced34c3cb3714d57421d58ad27
-  languageName: node
-  linkType: hard
-
 "async@npm:^3.2.3":
   version: 3.2.5
   resolution: "async@npm:3.2.5"
@@ -11388,13 +11320,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"at-least-node@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "at-least-node@npm:1.0.0"
-  checksum: 10/463e2f8e43384f1afb54bc68485c436d7622acec08b6fad269b421cb1d29cebb5af751426793d0961ed243146fe4dc983402f6d5a51b720b277818dbf6f2e49e
-  languageName: node
-  linkType: hard
-
 "atob-lite@npm:^2.0.0":
   version: 2.0.0
   resolution: "atob-lite@npm:2.0.0"
@@ -12272,16 +12197,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cache-content-type@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "cache-content-type@npm:1.0.1"
-  dependencies:
-    mime-types: "npm:^2.1.18"
-    ylru: "npm:^1.2.0"
-  checksum: 10/18db4d59452669ccbfd7146a1510a37eb28e9eccf18ca7a4eb603dff2edc5cccdca7498fc3042a2978f76f11151fba486eb9eb69d9afa3fb124957870aef4fd3
-  languageName: node
-  linkType: hard
-
 "call-bind@npm:^1.0.0, call-bind@npm:^1.0.2, call-bind@npm:^1.0.5, call-bind@npm:^1.0.6, call-bind@npm:^1.0.7":
   version: 1.0.7
   resolution: "call-bind@npm:1.0.7"
@@ -12334,13 +12249,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"camelcase-css@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "camelcase-css@npm:2.0.1"
-  checksum: 10/1cec2b3b3dcb5026688a470b00299a8db7d904c4802845c353dbd12d9d248d3346949a814d83bfd988d4d2e5b9904c07efe76fecd195a1d4f05b543e7c0b56b1
-  languageName: node
-  linkType: hard
-
 "camelcase-keys@npm:^2.0.0":
   version: 2.1.0
   resolution: "camelcase-keys@npm:2.1.0"
@@ -12940,13 +12848,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"co@npm:^4.6.0":
-  version: 4.6.0
-  resolution: "co@npm:4.6.0"
-  checksum: 10/a5d9f37091c70398a269e625cedff5622f200ed0aa0cff22ee7b55ed74a123834b58711776eb0f1dc58eb6ebbc1185aa7567b57bd5979a948c6e4f85073e2c05
-  languageName: node
-  linkType: hard
-
 "code-point-at@npm:^1.0.0":
   version: 1.1.0
   resolution: "code-point-at@npm:1.1.0"
@@ -13142,7 +13043,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^6.0.0, commander@npm:^6.2.1":
+"commander@npm:^6.2.1":
   version: 6.2.1
   resolution: "commander@npm:6.2.1"
   checksum: 10/25b88c2efd0380c84f7844b39cf18510da7bfc5013692d68cdc65f764a1c34e6c8a36ea6d72b6620e3710a930cf8fab2695bdec2bf7107a0f4fa30a3ef3b7d0e
@@ -13368,7 +13269,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"content-disposition@npm:0.5.4, content-disposition@npm:~0.5.2":
+"content-disposition@npm:0.5.4":
   version: 0.5.4
   resolution: "content-disposition@npm:0.5.4"
   dependencies:
@@ -13377,7 +13278,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"content-type@npm:^1.0.4, content-type@npm:~1.0.4, content-type@npm:~1.0.5":
+"content-type@npm:~1.0.4, content-type@npm:~1.0.5":
   version: 1.0.5
   resolution: "content-type@npm:1.0.5"
   checksum: 10/585847d98dc7fb8035c02ae2cb76c7a9bd7b25f84c447e5ed55c45c2175e83617c8813871b4ee22f368126af6b2b167df655829007b21aa10302873ea9c62662
@@ -13514,16 +13415,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookies@npm:~0.9.0":
-  version: 0.9.1
-  resolution: "cookies@npm:0.9.1"
-  dependencies:
-    depd: "npm:~2.0.0"
-    keygrip: "npm:~1.1.0"
-  checksum: 10/4816461a38d907b20f3fb7a2bc4741fe580e7a195f3e248ef7025cb3be56a07638a0f4e72553a5f535554ca30172c8a3245c63ac72c9737cec034e9a47773392
-  languageName: node
-  linkType: hard
-
 "copy-anything@npm:^3.0.2":
   version: 3.0.5
   resolution: "copy-anything@npm:3.0.5"
@@ -14383,13 +14274,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deep-equal@npm:~1.0.1":
-  version: 1.0.1
-  resolution: "deep-equal@npm:1.0.1"
-  checksum: 10/cbecc071afb2891334ced9e9de5834889b9a9992ae8d8369b7eb74c513529eb6d1f6c04d4e2b5f34d8386f7816cd7a6cda45edff847695faea45e43c23973f45
-  languageName: node
-  linkType: hard
-
 "deep-extend@npm:^0.6.0":
   version: 0.6.0
   resolution: "deep-extend@npm:0.6.0"
@@ -14555,20 +14439,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"depd@npm:2.0.0, depd@npm:^2.0.0, depd@npm:~2.0.0":
+"depd@npm:2.0.0":
   version: 2.0.0
   resolution: "depd@npm:2.0.0"
   checksum: 10/c0c8ff36079ce5ada64f46cc9d6fd47ebcf38241105b6e0c98f412e8ad91f084bcf906ff644cc3a4bd876ca27a62accb8b0fff72ea6ed1a414b89d8506f4a5ca
   languageName: node
   linkType: hard
 
-"depd@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "depd@npm:1.1.2"
-  checksum: 10/2ed6966fc14463a9e85451db330ab8ba041efed0b9a1a472dbfc6fbf2f82bab66491915f996b25d8517dddc36c8c74e24c30879b34877f3c4410733444a51d1d
-  languageName: node
-  linkType: hard
-
 "deploy@workspace:packages/deploy":
   version: 0.0.0-use.local
   resolution: "deploy@workspace:packages/deploy"
@@ -14607,7 +14484,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"destroy@npm:1.2.0, destroy@npm:^1.0.4":
+"destroy@npm:1.2.0":
   version: 1.2.0
   resolution: "destroy@npm:1.2.0"
   checksum: 10/0acb300b7478a08b92d810ab229d5afe0d2f4399272045ab22affa0d99dbaf12637659411530a6fcd597a9bdac718fc94373a61a95b4651bbc7b83684a565e38
@@ -14706,13 +14583,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"didyoumean@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "didyoumean@npm:1.2.2"
-  checksum: 10/de7f11b6a0c8c61018629b7f405bb9746d6e994ce87c1a4b7655c3c718442dc69037a3d46d804950604fd9cbe85c074f7b224a119fc1bda851690a74540c6cf8
-  languageName: node
-  linkType: hard
-
 "diff-sequences@npm:^28.1.1":
   version: 28.1.1
   resolution: "diff-sequences@npm:28.1.1"
@@ -14759,13 +14629,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dlv@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "dlv@npm:1.1.3"
-  checksum: 10/836459ec6b50e43e9ed388a5fc28954be99e3481af3fa4b5d82a600762eb65ef8faacd454097ed7fc2f8a60aea2800d65a4cece5cd0d81ab82b2031f3f759e6e
-  languageName: node
-  linkType: hard
-
 "docs@workspace:packages/docs":
   version: 0.0.0-use.local
   resolution: "docs@workspace:packages/docs"
@@ -14776,7 +14639,7 @@ __metadata:
     "@nuxt/eslint-config": "npm:^0.1.1"
     "@nuxtjs/color-mode": "npm:^3.2.0"
     "@nuxtjs/google-fonts": "npm:^3.0.1"
-    "@nuxtjs/tailwindcss": "npm:^6.11.3"
+    "@tailwindcss/vite": "npm:^4.1.11"
     "@types/acorn": "npm:^6.0.0"
     "@types/escodegen": "npm:^0.0.7"
     "@types/estree": "npm:^1.0.0"
@@ -15140,7 +15003,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"encodeurl@npm:^1.0.2, encodeurl@npm:~1.0.2":
+"encodeurl@npm:~1.0.2":
   version: 1.0.2
   resolution: "encodeurl@npm:1.0.2"
   checksum: 10/e50e3d508cdd9c4565ba72d2012e65038e5d71bdc9198cb125beb6237b5b1ade6c0d343998da9e170fb2eae52c1bed37d4d6d98a46ea423a0cddbed5ac3f780c
@@ -16146,7 +16009,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-html@npm:^1.0.3, escape-html@npm:~1.0.3":
+"escape-html@npm:~1.0.3":
   version: 1.0.3
   resolution: "escape-html@npm:1.0.3"
   checksum: 10/6213ca9ae00d0ab8bccb6d8d4e0a98e76237b2410302cf7df70aaa6591d509a2a37ce8998008cbecae8fc8ffaadf3fb0229535e6a145f3ce0b211d060decbb24
@@ -17500,7 +17363,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fresh@npm:0.5.2, fresh@npm:^0.5.2, fresh@npm:~0.5.2":
+"fresh@npm:0.5.2, fresh@npm:^0.5.2":
   version: 0.5.2
   resolution: "fresh@npm:0.5.2"
   checksum: 10/64c88e489b5d08e2f29664eb3c79c705ff9a8eb15d3e597198ef76546d4ade295897a44abb0abd2700e7ef784b2e3cbf1161e4fbf16f59129193fd1030d16da1
@@ -17575,18 +17438,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^9.0.1":
-  version: 9.1.0
-  resolution: "fs-extra@npm:9.1.0"
-  dependencies:
-    at-least-node: "npm:^1.0.0"
-    graceful-fs: "npm:^4.2.0"
-    jsonfile: "npm:^6.0.1"
-    universalify: "npm:^2.0.0"
-  checksum: 10/08600da1b49552ed23dfac598c8fc909c66776dd130fea54fbcad22e330f7fcc13488bb995f6bc9ce5651aa35b65702faf616fe76370ee56f1aade55da982dca
-  languageName: node
-  linkType: hard
-
 "fs-extra@npm:~11.3.0":
   version: 11.3.0
   resolution: "fs-extra@npm:11.3.0"
@@ -18185,7 +18036,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^7.1.1, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6, glob@npm:^7.2.0":
+"glob@npm:^7.1.1, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
   version: 7.2.3
   resolution: "glob@npm:7.2.3"
   dependencies:
@@ -18756,16 +18607,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-assert@npm:^1.3.0":
-  version: 1.5.0
-  resolution: "http-assert@npm:1.5.0"
-  dependencies:
-    deep-equal: "npm:~1.0.1"
-    http-errors: "npm:~1.8.0"
-  checksum: 10/69c9b3c14cf8b2822916360a365089ce936c883c49068f91c365eccba5c141a9964d19fdda589150a480013bf503bf37d8936c732e9635819339e730ab0e7527
-  languageName: node
-  linkType: hard
-
 "http-cache-semantics@npm:^3.8.0, http-cache-semantics@npm:^3.8.1":
   version: 3.8.1
   resolution: "http-cache-semantics@npm:3.8.1"
@@ -18780,7 +18621,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-errors@npm:2.0.0, http-errors@npm:^2.0.0":
+"http-errors@npm:2.0.0":
   version: 2.0.0
   resolution: "http-errors@npm:2.0.0"
   dependencies:
@@ -18793,31 +18634,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-errors@npm:^1.6.3, http-errors@npm:^1.7.3, http-errors@npm:~1.8.0":
-  version: 1.8.1
-  resolution: "http-errors@npm:1.8.1"
-  dependencies:
-    depd: "npm:~1.1.2"
-    inherits: "npm:2.0.4"
-    setprototypeof: "npm:1.2.0"
-    statuses: "npm:>= 1.5.0 < 2"
-    toidentifier: "npm:1.0.1"
-  checksum: 10/76fc491bd8df2251e21978e080d5dae20d9736cfb29bb72b5b76ec1bcebb1c14f0f58a3a128dd89288934379d2173cfb0421c571d54103e93dd65ef6243d64d8
-  languageName: node
-  linkType: hard
-
-"http-errors@npm:~1.6.2":
-  version: 1.6.3
-  resolution: "http-errors@npm:1.6.3"
-  dependencies:
-    depd: "npm:~1.1.2"
-    inherits: "npm:2.0.3"
-    setprototypeof: "npm:1.1.0"
-    statuses: "npm:>= 1.4.0 < 2"
-  checksum: 10/e48732657ea0b4a09853d2696a584fa59fa2a8c1ba692af7af3137b5491a997d7f9723f824e7e08eb6a87098532c09ce066966ddf0f9f3dd30905e52301acadb
-  languageName: node
-  linkType: hard
-
 "http-proxy-agent@npm:^2.0.0, http-proxy-agent@npm:^2.1.0":
   version: 2.1.0
   resolution: "http-proxy-agent@npm:2.1.0"
@@ -19237,13 +19053,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2.0.3":
-  version: 2.0.3
-  resolution: "inherits@npm:2.0.3"
-  checksum: 10/8771303d66c51be433b564427c16011a8e3fbc3449f1f11ea50efb30a4369495f1d0e89f0fc12bdec0bd7e49102ced5d137e031d39ea09821cb3c717fcf21e69
-  languageName: node
-  linkType: hard
-
 "ini@npm:4.1.1":
   version: 4.1.1
   resolution: "ini@npm:4.1.1"
@@ -20210,7 +20019,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-wsl@npm:^2.1.1, is-wsl@npm:^2.2.0":
+"is-wsl@npm:^2.2.0":
   version: 2.2.0
   resolution: "is-wsl@npm:2.2.0"
   dependencies:
@@ -20858,15 +20667,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"keygrip@npm:~1.1.0":
-  version: 1.1.0
-  resolution: "keygrip@npm:1.1.0"
-  dependencies:
-    tsscmp: "npm:1.0.6"
-  checksum: 10/078cd16a463d187121f0a27c1c9c95c52ad392b620f823431689f345a0501132cee60f6e96914b07d570105af470b96960402accd6c48a0b1f3cd8fac4fa2cae
-  languageName: node
-  linkType: hard
-
 "keyv@npm:^4.5.3":
   version: 4.5.4
   resolution: "keyv@npm:4.5.4"
@@ -20936,75 +20736,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"koa-compose@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "koa-compose@npm:4.1.0"
-  checksum: 10/46cb16792d96425e977c2ae4e5cb04930280740e907242ec9c25e3fb8b4a1d7b54451d7432bc24f40ec62255edea71894d2ceeb8238501842b4e48014f2e83db
-  languageName: node
-  linkType: hard
-
-"koa-convert@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "koa-convert@npm:2.0.0"
-  dependencies:
-    co: "npm:^4.6.0"
-    koa-compose: "npm:^4.1.0"
-  checksum: 10/7385b3391995f59c1312142e110d5dff677f9850dbfbcf387cd36a7b0af03b5d26e82b811eb9bb008b4f3e661cdab1f8817596e46b1929da2cf6e97a2f7456ed
-  languageName: node
-  linkType: hard
-
-"koa-send@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "koa-send@npm:5.0.1"
-  dependencies:
-    debug: "npm:^4.1.1"
-    http-errors: "npm:^1.7.3"
-    resolve-path: "npm:^1.4.0"
-  checksum: 10/a9fbaadbe0f50efd157a733df4a1cc2b3b79b0cdf12e67c718641e6038d1792c0bebe40913e6d4ceb707d970301155be3859b98d1ef08b0fd1766f7326b82853
-  languageName: node
-  linkType: hard
-
-"koa-static@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "koa-static@npm:5.0.0"
-  dependencies:
-    debug: "npm:^3.1.0"
-    koa-send: "npm:^5.0.0"
-  checksum: 10/8d9b9c4d2b3b13e8818e804245d784099c4b353b55ddd7dbeeb90f27a2e9f5b6f86bd16a4909e337cb89db4d332d9002e6c0f5056caf75749cab62f93c1f0cc5
-  languageName: node
-  linkType: hard
-
-"koa@npm:^2.14.2":
-  version: 2.16.1
-  resolution: "koa@npm:2.16.1"
-  dependencies:
-    accepts: "npm:^1.3.5"
-    cache-content-type: "npm:^1.0.0"
-    content-disposition: "npm:~0.5.2"
-    content-type: "npm:^1.0.4"
-    cookies: "npm:~0.9.0"
-    debug: "npm:^4.3.2"
-    delegates: "npm:^1.0.0"
-    depd: "npm:^2.0.0"
-    destroy: "npm:^1.0.4"
-    encodeurl: "npm:^1.0.2"
-    escape-html: "npm:^1.0.3"
-    fresh: "npm:~0.5.2"
-    http-assert: "npm:^1.3.0"
-    http-errors: "npm:^1.6.3"
-    is-generator-function: "npm:^1.0.7"
-    koa-compose: "npm:^4.1.0"
-    koa-convert: "npm:^2.0.0"
-    on-finished: "npm:^2.3.0"
-    only: "npm:~0.0.2"
-    parseurl: "npm:^1.3.2"
-    statuses: "npm:^1.5.0"
-    type-is: "npm:^1.6.16"
-    vary: "npm:^1.1.2"
-  checksum: 10/f33b95227e48bffd3a682996e6cf72c4ae2992671529c6c914b76d28172219c9cbd8201b16cc028dc25fafc8f1dc9391a6e7e045740a10ee7d89a5631031a974
-  languageName: node
-  linkType: hard
-
 "kolorist@npm:^1.8.0":
   version: 1.8.0
   resolution: "kolorist@npm:1.8.0"
@@ -21213,20 +20944,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5, lilconfig@npm:^2.1.0":
+"lilconfig@npm:^2.0.3, lilconfig@npm:^2.0.5":
   version: 2.1.0
   resolution: "lilconfig@npm:2.1.0"
   checksum: 10/b1314a2e55319013d5e7d7d08be39015829d2764a1eaee130129545d40388499d81b1c31b0f9b3417d4db12775a88008b72ec33dd06e0184cf7503b32ca7cc0b
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^3.0.0, lilconfig@npm:^3.1.2":
-  version: 3.1.2
-  resolution: "lilconfig@npm:3.1.2"
-  checksum: 10/8058403850cfad76d6041b23db23f730e52b6c17a8c28d87b90766639ca0ee40c748a3e85c2d7bd133d572efabff166c4b015e5d25e01fd666cb4b13cfada7f0
-  languageName: node
-  linkType: hard
-
 "lilconfig@npm:^3.1.1":
   version: 3.1.1
   resolution: "lilconfig@npm:3.1.1"
@@ -21234,6 +20958,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lilconfig@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "lilconfig@npm:3.1.2"
+  checksum: 10/8058403850cfad76d6041b23db23f730e52b6c17a8c28d87b90766639ca0ee40c748a3e85c2d7bd133d572efabff166c4b015e5d25e01fd666cb4b13cfada7f0
+  languageName: node
+  linkType: hard
+
 "lines-and-columns@npm:^1.1.6":
   version: 1.2.4
   resolution: "lines-and-columns@npm:1.2.4"
@@ -21571,7 +21302,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.12, lodash@npm:^4.17.14, lodash@npm:^4.17.15, lodash@npm:^4.17.21, lodash@npm:^4.17.5, lodash@npm:^4.2.1, lodash@npm:^4.7.0, lodash@npm:~4.17.15":
+"lodash@npm:^4.17.12, lodash@npm:^4.17.15, lodash@npm:^4.17.21, lodash@npm:^4.17.5, lodash@npm:^4.2.1, lodash@npm:^4.7.0, lodash@npm:~4.17.15":
   version: 4.17.21
   resolution: "lodash@npm:4.17.21"
   checksum: 10/c08619c038846ea6ac754abd6dd29d2568aa705feb69339e836dfa8d8b09abbb2f859371e86863eda41848221f9af43714491467b5b0299122431e202bb0c532
@@ -22176,7 +21907,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"methods@npm:^1.1.2, methods@npm:~1.1.2":
+"methods@npm:~1.1.2":
   version: 1.1.2
   resolution: "methods@npm:1.1.2"
   checksum: 10/a385dd974faa34b5dd021b2bbf78c722881bf6f003bfe6d391d7da3ea1ed625d1ff10ddd13c57531f628b3e785be38d3eed10ad03cebd90b76932413df9a1820
@@ -22299,7 +22030,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-types@npm:^2.1.12, mime-types@npm:^2.1.18, mime-types@npm:^2.1.25, mime-types@npm:^2.1.27, mime-types@npm:~2.1.19, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34":
+"mime-types@npm:^2.1.12, mime-types@npm:^2.1.25, mime-types@npm:^2.1.27, mime-types@npm:~2.1.19, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34":
   version: 2.1.35
   resolution: "mime-types@npm:2.1.35"
   dependencies:
@@ -22689,7 +22420,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mkdirp@npm:^0.5.1, mkdirp@npm:^0.5.4, mkdirp@npm:^0.5.5, mkdirp@npm:^0.5.6":
+"mkdirp@npm:^0.5.1, mkdirp@npm:^0.5.4, mkdirp@npm:^0.5.5":
   version: 0.5.6
   resolution: "mkdirp@npm:0.5.6"
   dependencies:
@@ -23644,13 +23375,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-hash@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "object-hash@npm:3.0.0"
-  checksum: 10/f498d456a20512ba7be500cef4cf7b3c183cc72c65372a549c9a0e6dd78ce26f375e9b1315c07592d3fde8f10d5019986eba35970570d477ed9a2a702514432a
-  languageName: node
-  linkType: hard
-
 "object-inspect@npm:^1.13.1":
   version: 1.13.1
   resolution: "object-inspect@npm:1.13.1"
@@ -23786,7 +23510,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"on-finished@npm:2.4.1, on-finished@npm:^2.3.0":
+"on-finished@npm:2.4.1":
   version: 2.4.1
   resolution: "on-finished@npm:2.4.1"
   dependencies:
@@ -23849,13 +23573,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"only@npm:~0.0.2":
-  version: 0.0.2
-  resolution: "only@npm:0.0.2"
-  checksum: 10/e2ad03e486534dc6bfb983393be83125a4669052b4a19a353eb00475b46971fb238a18223f2b609fe0d1bcb61ff8373964ccac64d05cbf970865299f655ed0ba
-  languageName: node
-  linkType: hard
-
 "open@npm:^10.1.0":
   version: 10.1.0
   resolution: "open@npm:10.1.0"
@@ -23877,16 +23594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:^7.0.4":
-  version: 7.4.2
-  resolution: "open@npm:7.4.2"
-  dependencies:
-    is-docker: "npm:^2.0.0"
-    is-wsl: "npm:^2.1.1"
-  checksum: 10/4fc02ed3368dcd5d7247ad3566433ea2695b0713b041ebc0eeb2f0f9e5d4e29fc2068f5cdd500976b3464e77fe8b61662b1b059c73233ccc601fe8b16d6c1cd6
-  languageName: node
-  linkType: hard
-
 "open@npm:^8.0.4, open@npm:^8.4.0":
   version: 8.4.2
   resolution: "open@npm:8.4.2"
@@ -24418,7 +24125,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parseurl@npm:^1.3.2, parseurl@npm:~1.3.3":
+"parseurl@npm:~1.3.3":
   version: 1.3.3
   resolution: "parseurl@npm:1.3.3"
   checksum: 10/407cee8e0a3a4c5cd472559bca8b6a45b82c124e9a4703302326e9ab60fc1081442ada4e02628efef1eb16197ddc7f8822f5a91fd7d7c86b51f530aedb17dfa2
@@ -24469,7 +24176,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-is-absolute@npm:1.0.1, path-is-absolute@npm:^1.0.0":
+"path-is-absolute@npm:^1.0.0":
   version: 1.0.1
   resolution: "path-is-absolute@npm:1.0.1"
   checksum: 10/060840f92cf8effa293bcc1bea81281bd7d363731d214cbe5c227df207c34cd727430f70c6037b5159c8a870b9157cba65e775446b0ab06fd5ecc7e54615a3b8
@@ -24535,13 +24242,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-to-regexp@npm:^6.3.0":
-  version: 6.3.0
-  resolution: "path-to-regexp@npm:6.3.0"
-  checksum: 10/6822f686f01556d99538b350722ef761541ec0ce95ca40ce4c29e20a5b492fe8361961f57993c71b2418de12e604478dcf7c430de34b2c31a688363a7a944d9c
-  languageName: node
-  linkType: hard
-
 "path-type@npm:^1.0.0":
   version: 1.1.0
   resolution: "path-type@npm:1.1.0"
@@ -24807,17 +24507,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"portfinder@npm:^1.0.26":
-  version: 1.0.32
-  resolution: "portfinder@npm:1.0.32"
-  dependencies:
-    async: "npm:^2.6.4"
-    debug: "npm:^3.2.7"
-    mkdirp: "npm:^0.5.6"
-  checksum: 10/842058052fb3c3da829589f3f44b13369cf504b16f6ab72fedec78a9438ac3fc53047f5c88a771511b17d6a94f50f83a94cef5fa625027b675d8f7241f7f2185
-  languageName: node
-  linkType: hard
-
 "posix-character-classes@npm:^0.1.0":
   version: 0.1.1
   resolution: "posix-character-classes@npm:0.1.1"
@@ -25096,30 +24785,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-import@npm:^15.1.0":
-  version: 15.1.0
-  resolution: "postcss-import@npm:15.1.0"
-  dependencies:
-    postcss-value-parser: "npm:^4.0.0"
-    read-cache: "npm:^1.0.0"
-    resolve: "npm:^1.1.7"
-  peerDependencies:
-    postcss: ^8.0.0
-  checksum: 10/33c91b7e6b794b5c33d7d7d4730e5f0729c131d2de1ada7fcc116955625a78c3ce613983f019fa9447681795cf3f851e9c38dfbe3f48a2d08a8aef917c70a32a
-  languageName: node
-  linkType: hard
-
-"postcss-js@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "postcss-js@npm:4.0.1"
-  dependencies:
-    camelcase-css: "npm:^2.0.1"
-  peerDependencies:
-    postcss: ^8.4.21
-  checksum: 10/ef2cfe8554daab4166cfcb290f376e7387964c36503f5bd42008778dba735685af8d4f5e0aba67cae999f47c855df40a1cd31ae840e0df320ded36352581045e
-  languageName: node
-  linkType: hard
-
 "postcss-less@npm:^3.1.4":
   version: 3.1.4
   resolution: "postcss-less@npm:3.1.4"
@@ -25147,24 +24812,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-load-config@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "postcss-load-config@npm:4.0.2"
-  dependencies:
-    lilconfig: "npm:^3.0.0"
-    yaml: "npm:^2.3.4"
-  peerDependencies:
-    postcss: ">=8.0.9"
-    ts-node: ">=9.0.0"
-  peerDependenciesMeta:
-    postcss:
-      optional: true
-    ts-node:
-      optional: true
-  checksum: 10/e2c2ed9b7998a5b123e1ce0c124daf6504b1454c67dcc1c8fdbcc5ffb2597b7de245e3ac34f63afc928d3fd3260b1e36492ebbdb01a9ff63f16b3c8b7b925d1b
-  languageName: node
-  linkType: hard
-
 "postcss-load-config@npm:^6.0.1":
   version: 6.0.1
   resolution: "postcss-load-config@npm:6.0.1"
@@ -25480,7 +25127,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-nested@npm:^6.0.1, postcss-nested@npm:^6.2.0":
+"postcss-nested@npm:^6.0.1":
   version: 6.2.0
   resolution: "postcss-nested@npm:6.2.0"
   dependencies:
@@ -25491,19 +25138,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-nesting@npm:^13.0.0":
-  version: 13.0.1
-  resolution: "postcss-nesting@npm:13.0.1"
-  dependencies:
-    "@csstools/selector-resolve-nested": "npm:^3.0.0"
-    "@csstools/selector-specificity": "npm:^5.0.0"
-    postcss-selector-parser: "npm:^7.0.0"
-  peerDependencies:
-    postcss: ^8.4
-  checksum: 10/80ab17f5269bfda988b87e18dd387be84436e3215fd509745b91b3f5569fe522462521da1ad4204415de0fa16ac1c1cfebcb50e4963cf1ee8c28f6cc48505fc8
-  languageName: node
-  linkType: hard
-
 "postcss-normalize-charset@npm:^5.1.0":
   version: 5.1.0
   resolution: "postcss-normalize-charset@npm:5.1.0"
@@ -25959,16 +25593,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "postcss-selector-parser@npm:7.0.0"
-  dependencies:
-    cssesc: "npm:^3.0.0"
-    util-deprecate: "npm:^1.0.2"
-  checksum: 10/0e92be7281e2b440a8be8cf207de40a24ca7bc765577916499614d5a47827a3e658206728cc559db96803e554270516104aad919a04f91bfa8914ccef1ba14ca
-  languageName: node
-  linkType: hard
-
 "postcss-svgo@npm:^5.1.0":
   version: 5.1.0
   resolution: "postcss-svgo@npm:5.1.0"
@@ -27331,19 +26955,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"replace-in-file@npm:^6.1.0":
-  version: 6.3.5
-  resolution: "replace-in-file@npm:6.3.5"
-  dependencies:
-    chalk: "npm:^4.1.2"
-    glob: "npm:^7.2.0"
-    yargs: "npm:^17.2.1"
-  bin:
-    replace-in-file: bin/cli.js
-  checksum: 10/25cbfe7efd4c97a745ac6e2f666743e113082c583b537a6fb94e028e11aa37b58f09e3a413b7c7d1a579438f5609e82f89d85b72f88952c99ef7a93d41992ed1
-  languageName: node
-  linkType: hard
-
 "request@npm:^2.88.0":
   version: 2.88.2
   resolution: "request@npm:2.88.2"
@@ -27456,16 +27067,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve-path@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "resolve-path@npm:1.4.0"
-  dependencies:
-    http-errors: "npm:~1.6.2"
-    path-is-absolute: "npm:1.0.1"
-  checksum: 10/1a39f569ee54dd5f8ee8576ef8671c9724bea65d9f9982fbb5352af9fb4e500e1e459c1bfb1ae3ebfd8d43a709c3a01dfa4f46cf5b831e45e2caed4f1a208300
-  languageName: node
-  linkType: hard
-
 "resolve-pkg-maps@npm:^1.0.0":
   version: 1.0.0
   resolution: "resolve-pkg-maps@npm:1.0.0"
@@ -27490,7 +27091,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.10.1, resolve@npm:^1.14.2, resolve@npm:^1.15.1, resolve@npm:^1.17.0, resolve@npm:^1.19.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4, resolve@npm:^1.22.8, resolve@npm:^1.9.0":
+"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.10.1, resolve@npm:^1.14.2, resolve@npm:^1.15.1, resolve@npm:^1.17.0, resolve@npm:^1.19.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4, resolve@npm:^1.9.0":
   version: 1.22.8
   resolution: "resolve@npm:1.22.8"
   dependencies:
@@ -27539,7 +27140,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.15.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.17.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.9.0#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.15.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.17.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.9.0#optional!builtin<compat/resolve>":
   version: 1.22.8
   resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
   dependencies:
@@ -28404,13 +28005,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"setprototypeof@npm:1.1.0":
-  version: 1.1.0
-  resolution: "setprototypeof@npm:1.1.0"
-  checksum: 10/02d2564e02a260551bab3ec95358dcfde775fe61272b1b7c488de3676a4bb79f280b5668a324aebe0ec73f0d8ba408bc2d816a609ee5d93b1a7936b9d4ba1208
-  languageName: node
-  linkType: hard
-
 "setprototypeof@npm:1.2.0":
   version: 1.2.0
   resolution: "setprototypeof@npm:1.2.0"
@@ -29049,13 +28643,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"statuses@npm:>= 1.4.0 < 2, statuses@npm:>= 1.5.0 < 2, statuses@npm:^1.5.0":
-  version: 1.5.0
-  resolution: "statuses@npm:1.5.0"
-  checksum: 10/c469b9519de16a4bb19600205cffb39ee471a5f17b82589757ca7bd40a8d92ebb6ed9f98b5a540c5d302ccbc78f15dc03cc0280dd6e00df1335568a5d5758a5c
-  languageName: node
-  linkType: hard
-
 "std-env@npm:^3.5.0, std-env@npm:^3.7.0":
   version: 3.8.0
   resolution: "std-env@npm:3.8.0"
@@ -29802,27 +29389,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwind-config-viewer@npm:^2.0.4":
-  version: 2.0.4
-  resolution: "tailwind-config-viewer@npm:2.0.4"
-  dependencies:
-    "@koa/router": "npm:^12.0.1"
-    commander: "npm:^6.0.0"
-    fs-extra: "npm:^9.0.1"
-    koa: "npm:^2.14.2"
-    koa-static: "npm:^5.0.0"
-    open: "npm:^7.0.4"
-    portfinder: "npm:^1.0.26"
-    replace-in-file: "npm:^6.1.0"
-  peerDependencies:
-    tailwindcss: 1 || 2 || 2.0.1-compat || 3
-  bin:
-    tailwind-config-viewer: cli/index.js
-    tailwindcss-config-viewer: cli/index.js
-  checksum: 10/66cd9170cf842823eec1ab777b6254ea787a2ded55d6deeea4e39f904a14c5cdcbcb884e452cd0eed7495de41aea4dd3d32e04906b039f55a979612758d044de
-  languageName: node
-  linkType: hard
-
 "tailwindcss@npm:4.1.11, tailwindcss@npm:^4.0.0":
   version: 4.1.11
   resolution: "tailwindcss@npm:4.1.11"
@@ -29830,39 +29396,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss@npm:~3.4.13":
-  version: 3.4.15
-  resolution: "tailwindcss@npm:3.4.15"
-  dependencies:
-    "@alloc/quick-lru": "npm:^5.2.0"
-    arg: "npm:^5.0.2"
-    chokidar: "npm:^3.6.0"
-    didyoumean: "npm:^1.2.2"
-    dlv: "npm:^1.1.3"
-    fast-glob: "npm:^3.3.2"
-    glob-parent: "npm:^6.0.2"
-    is-glob: "npm:^4.0.3"
-    jiti: "npm:^1.21.6"
-    lilconfig: "npm:^2.1.0"
-    micromatch: "npm:^4.0.8"
-    normalize-path: "npm:^3.0.0"
-    object-hash: "npm:^3.0.0"
-    picocolors: "npm:^1.1.1"
-    postcss: "npm:^8.4.47"
-    postcss-import: "npm:^15.1.0"
-    postcss-js: "npm:^4.0.1"
-    postcss-load-config: "npm:^4.0.2"
-    postcss-nested: "npm:^6.2.0"
-    postcss-selector-parser: "npm:^6.1.2"
-    resolve: "npm:^1.22.8"
-    sucrase: "npm:^3.35.0"
-  bin:
-    tailwind: lib/cli.js
-    tailwindcss: lib/cli.js
-  checksum: 10/670bc70ae98d36601990424067f1164eebcbe97493ce8d314e8baa85eb47a6b92caabcea3046dfa9e3888a40a4807c123e12dfa2e05d884ff0583c6a1b647cb7
-  languageName: node
-  linkType: hard
-
 "tapable@npm:^0.1.8":
   version: 0.1.10
   resolution: "tapable@npm:0.1.10"
@@ -30623,13 +30156,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsscmp@npm:1.0.6":
-  version: 1.0.6
-  resolution: "tsscmp@npm:1.0.6"
-  checksum: 10/850405080ea3ecb158e9e01bc4e87c9edb94a829d8ad8747f30ba103fcc41a287d7949ab84d7b27c36294036a2c9878f050db15b73a1a1961abfb7688b82ac53
-  languageName: node
-  linkType: hard
-
 "tsup@npm:^6.5.0":
   version: 6.7.0
   resolution: "tsup@npm:6.7.0"
@@ -30846,7 +30372,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-is@npm:^1.6.16, type-is@npm:~1.6.18":
+"type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
   dependencies:
@@ -31929,7 +31455,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vary@npm:^1.1.2, vary@npm:~1.1.2":
+"vary@npm:~1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
   checksum: 10/31389debef15a480849b8331b220782230b9815a8e0dbb7b9a8369559aed2e9a7800cd904d4371ea74f4c3527db456dc8e7ac5befce5f0d289014dbdf47b2242
@@ -33552,7 +33078,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.3.4, yaml@npm:^2.5.0":
+"yaml@npm:^2.5.0":
   version: 2.6.0
   resolution: "yaml@npm:2.6.0"
   bin:
@@ -33619,7 +33145,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:^17.2.1, yargs@npm:^17.5.1":
+"yargs@npm:^17.5.1":
   version: 17.7.2
   resolution: "yargs@npm:17.7.2"
   dependencies:
@@ -33644,13 +33170,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ylru@npm:^1.2.0":
-  version: 1.4.0
-  resolution: "ylru@npm:1.4.0"
-  checksum: 10/5437f8eb2fb5dd515845c657dde3cecaa9f6bd4c6386d2a5212d3fafe02189c7d8ebfdfc84940a7811607cb3524eb362ce95d3180d355cd5deb610aa8c82c9bc
-  languageName: node
-  linkType: hard
-
 "yn@npm:3.1.1":
   version: 3.1.1
   resolution: "yn@npm:3.1.1"

From bdfe6ce8adef1626cb1f190323b4ec1e43146d23 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Mon, 28 Jul 2025 14:32:09 +0300
Subject: [PATCH 5/5] chore: typo

---
 packages/create-vuestic/src/versions.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/create-vuestic/src/versions.ts b/packages/create-vuestic/src/versions.ts
index 8375bda94a..4c4ed1f293 100644
--- a/packages/create-vuestic/src/versions.ts
+++ b/packages/create-vuestic/src/versions.ts
@@ -3,8 +3,8 @@ export const versions = {
   '@vuestic/nuxt': '^1.0.19',
   '@vuestic/ag-grid-theme': '^1.1.4',
   '@vuestic/compiler': '^0.2.7',
-  "@tailwindcss/vite": "^4.1.11",
-  "tailwindcss": "^4.1.11",
+  '@tailwindcss/vite': '^4.1.11',
+  'tailwindcss': '^4.1.11',
   'postcss': '^8.4.28',
   'autoprefixer': '^10.4.15'
 }