Error when using CSS3's var() in rgba()

[philSixZero]

Description

When calling rgba() and passing a CSS3 variable, gulp-sass results in an error:

:root {
  --color: 0,0,0,.5; /* Black with an alpha of 50% */
}

div {
  border-color: rgba(var(--color)); /* CSS3 is able to do this, gulp-sass throws an error */
}

Result

Error: overloaded function 'rgba' given wrong number of arguments

Conclusion

Guess this is a 🐛

[allen-garvey]

See sass/node-sass#2251. I had the same problem, but when I tried the workaround suggested (use RGBA instead of rbga) I was able to get it to work.

[xzyfer]

Fixed in 4.8.0