bug: vars not available on web component

[wildwind123]

What version of daisyUI are you using?

v4.14.10

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://stackblitz.com/~/github.com/wildwind123/daisyui_custom_element

Describe your issue

on web component, vars not available. but tailwind vars is available. On example button have empty background color.

[github-actions[bot]]

Thank you @wildwind123 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[wildwind123]

solve this problem with

 themeRoot: ':host'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {}
  },
  daisyui: {
    themeRoot: ':host'
  },
  plugins: [daisyui]
}