NUXT UI 3 with PostCSS - no live updates possible?

[Foddy]

Description

Hi everyone,

I’ve been stuck for hours and can’t seem to figure out the issue. Maybe someone here has an idea of what’s going wrong:

I’m starting a fresh new project using the latest versions of NUXT UI Pro, and I’m trying to get it to work with PostCSS and Less (I also tried SCSS -> same issue). Things seem to work generally, but I’m not getting any live updates in the browser when I modify a .less file and having the development server activated — the changes only appear after fully restarting the NUXT dev server.

Has anyone successfully set up a similar configuration using the latest NUXT UI Pro together with PostCSS and Tailwind CSS v4+? What am I missing?

Here is a demo: https://codesandbox.io/p/devbox/k6f4tk
(try to edit /styles/globals/defaults.less -> nothing happens 😩)

[benjamincanac]

I've answered in the issue you created on nuxt/ui-pro already but for reference:

We're using the Vite plugin and not the PostCSS one so it's not possible. Also, as mentioned in the docs Tailwind CSS v4 is not designed to work with CSS preprocessors like Saas or Less, you can read more about this here: https://tailwindcss.com/docs/compatibility#sass-less-and-stylus