Error after updating tailwind to v4 in nuxt

[svk-man]

Error: [vite-node] [plugin:vite:css] [CssSyntaxError] C:/Users/admin/Desktop/projects/front-nuxt/assets/css/main.css:1560:18 : Unknown word

I don't understand how I can debug this error? All the necessary packages are installed.
Please help me!

[wongjn]

Consider providing a git repo that reproduces the unexpected behavior.

[svk-man]

Consider providing a git repo that reproduces the unexpected behavior.

After updating tailwind to 4.0.10, I started getting the following error when generating minHeight dynamically

Repo commit: svk-man/nuxt-tailwind-v4-test@a4981ab

[vite-node] [plugin:vite:css] [CssSyntaxError] C:/Users/admin/Desktop/projects/nuxt-tailwind-v4-test/assets/css/main.css:166:18 : Unknown word minHeight

@layer utilities {
  .min-h-\[\$\{minHeight\}vh\] {
    min-height: ${minHeight}vh;
  }
}

[svk-man]

The problem is similar: #16848 (reply in thread)

[wongjn]

Yea, that's invalid Tailwind syntax, see https://tailwindcss.com/docs/detecting-classes-in-source-files#dynamic-class-names.