我的變量中有一個顏色圖

$theme-colors: (
  primary: $primary,
  secondary: $secondary,
  gray-medium-emphasis: rgba(0, 0, 0, 0.6),
  gray-border: rgba(0, 0, 0, 0.12),
  gray-low-emphasis: rgba(0, 0, 0, 0.38)
);

在其他文件中，我想達到這種灰色中強調。我正在嘗試這個代碼

.calendar-outline-btn {
  outline: 1px solid get($theme-colors, gray-border);
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
  color: get($theme-colors, gray-medium-emphasis);
}

當我在這個基礎上運行build時，我得到了這個錯誤:

SassError: (primary: #29245c, secondary: #297d94, gray-medium-emphasis: rgba(0, 0, 0, 0.6), gray-border: rgba(0, 0, 0, 0.12), gray-low-emphasis: rgba(0, 0, 0, 0.38)) isn't a valid CSS value.
  ?
4 │   outline: 1px solid get($theme-colors, gray-border);
  │                          ^^^^^^^^^^^^^
  ?
  src\app\arrangements\calendar\calendar.component.scss 4:26  root stylesheet

在此之前，我嘗試了map-get，但是我從lint那里得到了一個錯誤。我也嘗試了map.get，但是它也拋出了類似

SassError: There is no module with the namespace "map".
  ?
4 │   outline: 1px solid map.get($theme-colors, gray-border);
  │                      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ?
  src\app\arrangements\calendar\calendar.component.scss 4:22  root stylesheet