カスタムプロパティにSassの変数を渡すと変数のままコンパイルされてしまう

style.scss

Copy Code

/* コンパイル前 */
$textPrimary: #000;

:root {
  --color-text-primary: $textPrimary;
}

style.css

Copy Code

/* コンパイル後 */
:root {
  --color-text-primary: $textPrimary;
}

style.scss

Copy Code

/* コンパイル前 */
$textPrimary: #000;

:root {
  --color-text-primary: #{$textPrimary};
}