vite + windicss + daisy configuration doesn't work (RangeError: Maximum call stack size exceeded)

My vite.config.ts is

import { defineConfig } from 'vite'
import WindiCSS from 'vite-plugin-windicss'
import tsconfigPaths from 'vite-tsconfig-paths'

export default defineConfig({ plugins: [WindiCSS(), tsconfigPaths()] })

And windy.config.ts

import { defineConfig } from 'vite-plugin-windicss'
import { transform } from 'windicss/helpers'

export default defineConfig({
    darkMode: false,
    theme: {
        extend: {
            colors: require('daisyui/colors/windi'),
        },
    },
    extract: {
        include: ['index.html', 'src/**/*.{vue,html,jsx,tsx}'],
        exclude: ['node_modules/**/*', '.git/**/*'],
    },
    plugins: [transform('daisyui')],
})

When running vite serve, this results in

🌼 daisyUI components 1.21.0  https://github.com/saadeghi/daisyui
  error when starting dev server:
  RangeError: Maximum call stack size exceeded
      at guessClassName

[guizaols]

@konti-kun Your solution fixed the issue here. I’m using the latest DaisyUI version and everything is just awesome. Thanks!

[liorp]

@konti-kun You are a genius in your field. Solved!