转发变量的 SASS 映射

Question

首先我要说的是我不确定这是否可能。我仍在进一步了解 SASS 的深度。
本质上，我想做的只是转发 sass 模块的一部分。我知道我可以使用 show 转发模块的部分内容，但我想要转发的内容有很多，而且列表可能会很长。我尝试转发的模块上有一个地图，其中包含我尝试转发的所有变量，因此我尝试转发该地图，但它似乎不起作用。
具体情况是，我在元素上使用 ShadowDOM（这意味着不应用全局样式），并使用 bootstrap (v5) 作为我的样式框架。我希望引导程序文件中的特定变量可供自定义元素使用，因此我创建了一个名为 variables.scss 的模块，它尝试仅转发 $theme-colors 来自 bootstrap 的变量。 $theme-colors 是一个包含所有变量的地图，因此在我看来，我应该能够通过引用该地图来仅显示这些变量，但可惜的是，它不起作用。
以下是一些片段：

//bootstrap.scss
$primary:       $blue !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-900 !default;

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
) !default;

//variables.scss
@forward './bootstrap' show $theme-colors;

//module.scss
@use './variables';
.some-style {
   color: variables.$light;
}

Sass 输出：

消息原始：未定义的变量。
颜色：变量.$light

希望这已经足够详细了。有没有办法在转发 scss 模块时使用地图仅显示地图的内容？

Answer 1

当我将 @debug meta.module-variables('variables'); 放入 module.scss 中时，它输出以下内容（您的值会略有不同，因为我必须填写在缺少的变量空白中）：

module.scss:5 Debug: ("theme-colors": ("primary": "blue", "secondary": "gray", "success": "green", "info": "cyan", "warning": "yellow", "danger": "red", "light": "gray", "dark": "gray"))

这提醒我 $theme-colors 是一个 Sass 映射，在这种情况下，您将像这样检索“light”值：

.some-style {
   color: map.get(variables.$theme-colors, 'light');
}