与SASS引导程序变量覆盖混淆

Question

我对Bootstrap和SASS还是很陌生。我有来自React Bootstrap文档的以下代码：

/* make the customizations */
$theme-colors: (
    "info": tomato,
    "danger": teal
);

@import "~bootstrap/scss/bootstrap";

我不明白，为什么这样做？我的阅读方式是声明了一些变量，然后在之后导入了变量。

之后，导入不会覆盖我刚才设置的内容吗？