postcss not working after using vite: true

[medz]

Environment

• Operating System: Darwin
• Node Version: v22.6.0
• Nuxt Version: 2.18.1
• CLI Version: 3.12.0
• Nitro Version: 2.9.7
• Package Manager: npm@10.8.2
• Builder: vite
• User Config: bridge, vite, nitro, alias, routeRules, css, modules, head, plugins, components, buildModules, moment, axios, build, vue, router, serverHandlers, devServerHandlers, devServer, typescript
• Runtime Modules: @nuxtjs/axios@5.13.6, @nuxtjs/tailwindcss@6.12.1
• Build Modules: (), @nuxtjs/moment@1.6.1, @nuxt/bridge@3.3.1

Reproduction

https://stackblitz.com/~/github.com/medz/github-tvvdvm

Describe the bug

After using Vite, postcss no longer works, I just use @nuxtjs/tailwindcss package for simple demonstration.

Additional context

No response

Logs

No response

[medz]

Fixed:

import tailwind from "tailwindcss";

export default defineNuxtConfig({
    bridge: { vite: true },
    vite: {
        css: {
             postcss: [tailwind()],
        }
    }
});

[medz]

This is not a very reasonable behavior. In Vite documents and other Nuxt documents, postcss is automatically executed, but in vite/tailwindcss or @nuxtjs/tailwindcss, it is not required to be configured.

But the actual situation is that any postcss plugin must be manually configured, otherwise it will not take effect.