Tailwindcss 与 SCSS

Question

我想用 Tailwindcss 实现 SCSS 插件。除了我的自定义类之外，所有内容都已编译。

npm 脚本： "tw:scss": "tailwindcss --postcss -i ./src/style/index.scss -o ./src/dist/style.css"

主 scss 文件（我还尝试了基本的 @tailwind 基础、@tailwind 组件、@tailwind 实用程序导入）：

@import "tailwindcss/base";
@import "tailwindcss/components";  
@import "tailwindcss/utilities";

@import "./_general.scss";  
@import "./card.scss";

卡.scss：

@layer components {
    .card {
    @apply bg-very-dark-blue-second rounded-lg w-11/12 p-4;
  }
}

_general.scss：

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap");`  
body {
  font-family: "Outfit", sans-serif;
}

postcss.config.js：

module.exports = {
  plugins: [
    require("postcss-import"),
    require("tailwindcss"),
    require("autoprefixer"),
  ],
};

当我开始时npm run tw:scss，仅_general.scss被转译。问题是，是否可以以这种方式使用 scss？如果是，如何解决这个问题。