自定义按钮中的bootstrap5文本颜色对比度

我正在使用bootstrap.build 自定义引导程序 5 。到目前为止，我没有问题。

但是，当我切换到反应项目时，事情出错了。按钮内的文本变为黑色。悬停时的大纲按钮也是如此。

我所做的只是自定义.scss文件，例如：

$orange: #e84c22;
$primary: $orange;

@import "~bootstrap/scss/bootstrap.scss";

怎么了？

我的目标是使用确切的#e84c22颜色更改这些按钮以仅使用btn btn-outline-primary和btn btn-primary类显示白色文本。

我试过更改$yiq-contrasted-threshold为，200但它没有改变任何东西。

那么，React 中的 Bootstrap 和 bootstrap.build 中的 Bootstrap 有什么区别？背后发生了什么？

这是 codesanbox.io 中的示例项目。请查看它并告诉我我做错了什么。