postCSS definitions issue in sass

[alisamar]

I am having strange issue when I test the postCSS with Sass!

HTML color names converted to the hex code!

// SASS
:root {
  --teal: #444; // postCSS variable
}

div.1 { content: var(--teal) } // postCSS definition
div.2 { content: (- red) }
div.3 { content: (+- blue) }
div.4 { content: (-green) }
div.5 { content: (+ yellow) }

/* CSS OUTPUT */
:root {
  --teal: #444; }

div.1 {
  content: var(--#008080); }
div.2 {
  content: -#ff0000; }
div.3 {
  content: +-#0000ff; }
div.4 {
  content: -#008000; }
div.5 {
  content: +#ffff00; }

so I can not use color names as variable in postCSS with sass :(

[nschonni]

Please follow the TROUBLESHOOTING.md
Likely this falls under https://github.com/sass/node-sass/blob/master/CONTRIBUTING.md#reporting-sass-compilation-and-syntax-issues

[xzyfer]

This a known issue. Colour names are converted to their colour values. This shouldn't happen with custom properties i.e. --red. This was a feature recently added to Ruby Sass. It has not landed in LibSass yet.

[xzyfer]

This is a bug with LibSass. Move this issue there sass/libsass#2140