通过使用应用程序覆盖blazor组件库中的独立css

我已经建立了一个blazor组件库，它定义了几个blazor组件+独立的CSS文件。这些css文件是从sass文件传输过来的，在sass文件中，我使用bootstrap的mixin指定了bootstrap网格系统，例如@include make-col-ready（）；或@include make col（4）

这一切都很好，CSS和blazor组件能够被我的blazor webassembly应用程序使用，我使用对组件库的项目引用依赖关系来设置它

现在理想的情况是，如果我可以让组件库中的独立CSS作为默认样式，但是我可以在消费应用程序中覆盖这个样式（引导混合）。理想情况下，我想有！在我的组件库中设置的默认sass变量，用于确定是使用默认css，还是根本不包括它。我已经尝试过下面的代码片段（只是一个简单的草图，不要太认真），但据我所知，在将这些变量编译为css供消费应用程序导入之前，不可能重写它们

/* Component css */
$defaultComponentCss: true !default;


@mixin foobar($defaultComponentCss) {
    @if($defaultComponentCss) {
        border-radius: 10px;
        background-color: red;
        border-top-right-radius: 83px;
    }
}

.main-content {
    @include foobar($defaultComponentCss);
}

/* SCSS file in the consuming application*/
$defaultComponentCss: false;

/*[non-default styling]*/

TL；博士 有没有办法设置blazor组件库，以便消费应用程序可以覆盖现有的独立css（在组件库中），从而可以使用不同的引导网格混合

我希望我提供了足够的上下文，如果没有，我很乐意提供更多

提前谢谢