sassでcss変数を使うとき
#sass #css変数
変数を埋め込むには #{} で囲ってやらないといけない
https://github.com/sass/libsass/issues/2621
just replace
--color: $my-var;
with
--color: #{$my-var};
(sassでcalcを使うとき と同じ)