css - SCSS で CSS 変数を使用すると構文エラーがスローされる (SASS Live Compiler)

Question

RBG/RGBA に CSS 変数を適用しようとしていますが、VS Code Live SASS コンパイラは、適切な引数を指定しなかったことを示す構文エラーをスローします。これに対する回避策はありますか？

CSS

:root {
    --bg-color: 50, 50, 50, 0.5;
}

.container {
    background: rgba(var(--bg-color));
}

VS Code Live SASS コンパイル エラー:

--------------------
Compilation Error
Error: overloaded function `rgba` given wrong number of arguments
        on line 329 of sass/.../main.scss
>>             background: rgba(var(--bg-color));
   ------------------------^

--------------------