我最近从 angular 10 更新到 12。
我使用 SCSS。
更新后，我注意到我的徽标位于内容后面，并且我所有的 z-index 值都在值前加上了 # ，我不知道原因，也找不到任何关于此更改源自何处或什么是的好信息原因。
除了包的 src package.json 更新之外，我的配置文件或构建管道没有任何变化
我还使用角度材料作为我的 UI 组件库，并另外导入了引导间距模块
我知道 CSS 无效。（构建后）。它在设计时有效，但在运行时构建后，无论出于何种原因，它都会在前面加上标签。
更新前并非如此
这是设计时间
这是我在这里缺少的一些新的角度特征吗？在文档中找不到任何相关内容。
这和艾薇有关吗？
编辑：
我相信这可能与最近从 @import 到 @use 语句的 sass API 更改有关。ng update命令应该（根据文档）为我更新和重构 scss，但事实并非如此。
一旦我完成重构，如果它解决了问题，我会在这里发布它作为答案