这是最近SCSS版本中的breaking change。原因是$primary实际上是CSS变量的有效值，因此它不再被自动替换（如果这是您想要输入的）。要获得要使用的实际SCSS变量，您需要使用插值：

@import '~bootstrap/scss/bootstrap';
@import "node_modules/font-awesome/scss/font-awesome.scss";

$primary: #625BF6;
$danger: #ff4136;

.btn-primary {
    --bs-btn-bg: #{$primary};
    --bs-btn-hover-bg: #6b64f5;
    --bs-btn-active-bg: #534bf3;
}

也许这个能帮到你

npm run watch-poll

参考：https://laravel.com/docs/8.x/mix#watching-assets-for-changes

尝试定义变量，然后导入它。

// Define variables
$primary: #625BF6;
$danger: #ff4136;

// Import styles
@import '~bootstrap/scss/bootstrap';
@import "node_modules/font-awesome/scss/font-awesome.scss";

.btn-primary {
    --bs-btn-bg: $primary;
    --bs-btn-hover-bg: #6b64f5;
    --bs-btn-active-bg: #534bf3;
}

则npm watch或npm run dev

sass值被替换为一个常规属性，而不是css变量

$primary:   #625BF6;
$danger:    #ff4136;

@import '~bootstrap/scss/bootstrap';

.btn-primary {
    background-color:$primary;
    --bs-btn-bg: $primary;
    --bs-btn-hover-bg: #6b64f5;
    --bs-btn-active-bg: #534bf3;
}

因此，看起来sass不支持从sass变量设置css变量。