将 scss 文件导入父类 css 时无法正常工作

下面是我的 scss 文件

.mat {
@import "ej2-base/styles/material.scss";
@import "ej2-buttons/styles/material.scss";
@import "ej2-popups/styles/material.scss";
@import "ej2-splitbuttons/styles/material.scss";
}
.boot{
    @import "ej2-base/styles/bootstrap.scss";
    @import "ej2-buttons/styles/bootstrap.scss";
    @import "ej2-popups/styles/bootstrap.scss";
    @import "ej2-splitbuttons/styles/bootstrap.scss";
}

在这里，我想在将类更改为主体的同时加载材料主题。但是没有添加样式

在这里，我附上了我的示例scsssIssue.zip

回购步骤

• 下载以上样本

• npm i然后给出命令ng serve

• 你会在浏览器中看到按钮

• 然后单击click me按钮 - 样式不会被添加'

如果你像下面这样改变scss

@import "ej2-base/styles/material.scss";
@import "ej2-buttons/styles/material.scss";
@import "ej2-popups/styles/material.scss";
@import "ej2-splitbuttons/styles/material.scss";

正确添加样式。

参考：https : //github.com/sass/sass/issues/2888