angular - 在 Angular 中设置 Tailwind 后，全局 scss 变量导入不再起作用

Question

我的目标是在现有的 Angular 项目中使用 Material 和 scss 配置 Tailwind。我已遵循本指南，大多数事情似乎都有效。但是在项目中，我们有一个variables.scss文件，其中定义了多个变量，例如：

$spaceSize32: 32px;
$spaceSize58: 48px;

我们以组件样式导入变量：

@import 'variables.scss';

但是，升级到tailwind后，当我们尝试编译Angular时，它会抛出以下错误：

Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '~variables.scss'

我们能做些什么来修复这个错误？