无法修改ng-bootstrap offcanvas宽度，求技术解决方案

我尝试调整ng-bootstrap里的Offcanvas组件宽度，但一直没成功，求各位提供建议或帮助。

现有HTML代码 #

<ng-template #newoffcanvas let-offcanvas>
        <div class="offcanvas-header bg-primary text-white">
            //some stuff here
        </div>
        <div class="offcanvas-body">
            //some stuff here
        </div>
</ng-template>

当前默认尺寸 #

开发者工具中可行的修改方式 #

通过浏览器开发者工具选择元素后修改宽度可以达到预期效果：

另外，取消勾选相关选项后，组件会自动适配宽度（auto），这正是我想要的效果。

已尝试但无效的方案 #

• 自定义SCSS类（放在组件SCSS文件中）：

.custom-offcanvas-width {
  --bs-offcanvas-width: 600px !important;
}

对应的HTML修改：

<ng-template #newoffcanvas let-offcanvas>
        <div class="offcanvas-header bg-primary text-white custom-offcanvas-width">
            //some stuff here
        </div>
        <div class="offcanvas-body custom-offcanvas-width">
            //some stuff here
        </div>
</ng-template>

• 内联样式尝试：

style="--bs-offcanvas-width: auto;"

• 试过在offcanvas-header和offcanvas-body外层添加包裹div的方案，但操作后Offcanvas直接白屏无法显示，暂时排查不到问题所在。

内容的提问来源于stack exchange，提问作者QQP