在Angular组件中导入.scss文件时，CSS规则重复

Question

在我的角度项目中，我有一个跨多个组件引用的mixins.scss文件。看起来像这样：

@mixin important-text {
  color: red;
  font-size: 25px;
  font-weight: bold;
  border: 1px solid blue;
}
...

现在，该文件在多个组件的样式表中使用

引用

@import 'mixins';

（路径在stylePreprocessorOptions / includePaths中定义）

事实是，使用该导入，所有Angular组件的每个样式文件中都重复了这些规则。当我删除它时，我得到一个错误，即找不到混合。

有没有办法“欺骗” Angular仅使用mixins.scss的一个实例？将其导入styles.scss内部无效。我也尝试用@use（https://sass-lang.com/documentation/at-rules/use）替换@imports，但这没关系。

如何定制Webpack（https://www.npmjs.com/package/@angular-builders/custom-webpack）？在构建期间，我有什么规则可以删除样式？

Marcin