nuxt3: duplicate tailwindcss output in SSR production html

  Kiến thức lập trình

I’m using tailwindcss in my nuxt3 project via official @nuxtjs/tailwindcss

    "dependencies": {
        "nuxt": "^3.11.2"
    "devDependencies": {
        "@nuxtjs/tailwindcss": "^6.9.4"

I import the package in nuxt.config.ts

export default defineNuxtConfig({
    css: [
    modules: [

since I have to define some custom style classes via tailwindcss, in my main.scss

@tailwind base;
@tailwind utilities;

.custom-class {
    @apply mx-2;

@layer base {
    ::after {
        @apply border-[var(--border-color)];

now, everything works correctly, except the tailwindcss output has been rendered twice in production

the online production output

How to prevent the redundant tailwindcss render result?

Thanks for any replies!