Tailwind v4中@apply指令失效及@reference使用问题求助

最近升级到Tailwind v4之后，我发现之前在v3里用得好好的@apply指令完全失效了！查了官方文档说要用@reference指令来替代，但文档里给的例子太模糊了，我自己试了好多次都没搞定，特意来求助大家！

先说说我目前的情况：
我在Vue组件的postcss样式块里写了这段代码：

<style lang="postcss">
// 一开始错误的尝试
// @reference './../../assets/styles/scss/main.scss';
@reference "tailwindcss";

header {
  @apply bg-neutral-0; // 这个在Tailwind v3里完全正常工作
}
(...)
</style>

结果在浏览器里检查Header元素的时候，发现完全没加上设置的背景色。

后来我发现自己漏装了@tailwindcss/vite这个依赖，装上之后部分工具类又能正常使用了，比如@apply block是没问题的，但@apply bg-neutral-0还是不行，还弹出了这个错误：

19:26:13 [vite] (client) hmr update /src/components/Header.vue?vue&type=style&index=1&lang.postcss (x2)
Error: Cannot apply unknown utility class bg-neutral-0. Are you using CSS modules or similar and missing @reference?

我现在完全搞不懂为啥有的工具类能生效，有的就不行，有没有大佬遇到过类似的问题，帮我看看该怎么解决呀？

内容来源于stack exchange