我想在 custom.scss 中自定义 Bootstrap 5，但我不想使用 @import 语句，因为它已被弃用，如果有更好的选择，我会使用它。我使用 Bootstrap npm starter 模板。

这是@import 的常用自定义，它要求您在@import 之前分配变量

// Your variable overrides
$body-bg: #000;
$body-color: #111;

// Bootstrap and its default variables
@import "node_modules/bootstrap/scss/bootstrap";

但我想知道如何用 @use 替换上面的内容，我试过了，但没有用：

// Your variable overrides
@use "/bootstrap/scss/variables"
variables.$body-bg = #222;

据我所知，我不需要在@use之前分配变量，并且在分配我的值时不需要!default。我不知道为什么Bootstrap 5文档仍然建议使用@import sass 文件。