Some styles are missing after css is compiled, and it is normal for development.

Environment

---

• Operating System: Windows_NT
• Node Version: v16.13.0
• Nuxt Version: 3.0.0-rc.8
• Package Manager: npm@8.1.0
• Builder: vite
• User Config: modules, experimental, unocss, colorMode, hooks
• Runtime Modules: @vueuse/nuxt@9.1.0, @unocss/nuxt@0.45.7, @pinia/nuxt@0.4.0, @nuxtjs/color-mode@3.1.4
• Build Modules: -

---

Reproduction

https://github.com/amihhs/github-xtzryz

1. pnpm i
2. pnpm build
3. pnpm start

file: /layouts/default.vue

Describe the bug

I use unocss

.default-header{
  @apply fixed w-full top-0 z-999 shadow-lg backdrop-blur-md;
  @apply bg-white bg-opacity-60 dark:bg-dark-800;
  @apply h-15 sm:h-20;
}

It has some less styles at compile time.

• Normal(dev)

• Error(build)

Additional context

No response

Logs

No response

[amihhs]

In the course of testing, I found that if there is a normal css in class, it will work properly. example:

.ISSUE {
   postions:fixed;
  @apply fixed w-full top-0 z-999 shadow-lg backdrop-blur-md bg-white bg-opacity-60 dark:bg-dark-800 h-15 sm:h-20;
}

It should not have much to do with nuxt. It may be the problem with vite3. Before, vite2 was able to work normally.

[516310460]

You can use tailwindcss or a custom css to see if it is related to nuxt. I don’t think it is related to nuxt