@import 某些属性在 @layer tailwindcss 中不起作用

Question

销毁文件并全部导入到tailwindcss.css文件中。当我从其他文件导入而不是将其写入 tailwind.css 时，它失败了。

使用图层来应用自定义字体系列和 text-3xl（以这种方式工作）

// tailwind.css
@tailwind base;
@layer base {
  h1 {
    @apply font-heading text-3xl;
  }
}

@import 从外部 css 文件，它不能像往常一样工作。字体标题有效，但 font-size(text-3xl) 无效。

@tailwind base;
@layer base {
  @import "./fonts/index.css";
}

// fonts/index.css
h1 {
  @apply font-heading text-3xl
}

我猜的：

1. 在加载@tailwind base之前先加载@import css，默认base会覆盖我的h1字体大小为tailwindcss默认值。

是否有任何工作可以避免在 tailwindcss 中出现这种行为？如果所有样式都在 tailwindcss 文件中，它看起来很乱。