SCSSのcolorプロパティの変数に関する頭痛の種

しかし、設定ファイル settings.yml に変数をこのように記述すると、動作しません。 $color 変数を使用していないにもかかわらず、「$color は色ではありません」というエラーが発生します。そのため、私が理解していない補間(interpolation)に関連している可能性があります。

header_color:
  type: string
  default: ""
  description:
    en: "..."

transparency:
  type: string
  default: ""
  description:
    en: "..."

私の考えでは、これは CSS のコンパイル方法に関する問題のようです。変数は CSS の実行時に宣言すると機能しますが、個別の settings.yml ファイルから動的に設定すると機能しません。:thinking:

これも機能しません。

.d-header {
    background: rgba(#{$header_color}, #{$transparency});
}