Sass 如何覆盖引导4中的.alert-[style]？

我只是从Bootstrap 4和Sass开始。我一辈子都不知道如何覆盖默认的.alert-[无论什么]样式

如果我有：

<div class="alert alert-success">Hello!</div>

我假设

.alert success

将只使用我在.scss文件中指定的

$green

，但情况似乎并非如此

我尝试了

$alert success:$green也不会改变任何东西

正确的方法是什么？
这类似于：确保在覆盖后导入引导，我将回答与警报相关的问题

/* custom.scss */    

/* import the necessary Bootstrap files */
@import "bootstrap/functions";
@import "bootstrap/variables";

/* -------begin customization-------- */   
$blue: #3498db;
$green: #37bf91;

$theme-colors: (
  primary: $blue,
  success: $green,
);
/* -------end customization-------- */  

/* finally, import Bootstrap to set the changes! */
@import "bootstrap";

演示：


对于警报，背景颜色和文本颜色是使用主题颜色上的函数导出的。默认设置为：

$alert-bg-level: -10 !default;
$alert-border-level: -9 !default;
$alert-color-level: 6 !default;

负数使原始主题颜色变亮，正数使颜色变暗。因此，例如，如果您想使成功警报bg更接近实际的$green颜色，您需要调整警报变量：

$alert-bg-level:0; // this negates the darken function
$alert-border-level:1;
$alert-color-level:-10;

我更新了这个

$alert-bg-level:0; // this negates the darken function
$alert-border-level:1;
$alert-color-level:-10;