CSS custom properties(variables) not rendered correctly in libsass 3.5.2

[simongcc]

The sass $variable is not recognized and being output directly in the libsas 3.5.2.
Details as follow:

input.scss

$theme-primary: 0,0,0;
:root {
  --TEST: $theme-primary;

  // example use case
  // background: RGBA(var(--TEST), 0.7); // where RGBA is in capital letter as work around suggested in #2244
}

Reference: [#2244]

Actual results

libsass 3.5.2

:root {
  --TEST: $theme-primary;
}

Expected result

libsass 3.5.0.beta.2

:root {
  --TEST: 0, 0, 0;
}

version info:

$ node-sass --version
node-sass	4.8.3	(Wrapper)	[JavaScript]
libsass  	3.5.2	(Sass Compiler)	[C/C++]

Last known good version

$ node-sass --version
node-sass	4.7.2	(Wrapper)	[JavaScript]
libsass  	3.5.0.beta.2	(Sass Compiler)	[C/C++]

[xzyfer]

The current behaviour is correct. Sass is not allowed to evaluate the values of custom properties. The one exception is string interpolation.

:root {
  --TEST: #{$theme-primary};
}

[simongcc]

@xzyfer Thanks for your follow up.

[simongcc]

@xzyfer After reinstalling the node-sass 4.8.3 allow again the follow behaviour which you described as "not allowed" is allowing again. I am not sure what dependency making it happening by chance.

SCSS

:root {
  --TEST: $theme-primary;
}

expected

:root {
  --TEST: $theme-primary;
}

result

:root {
  --TEST: 0, 0, 0;
}

[xzyfer]

Run npm ls node-sass to make sure you don't have multiple versions on node-sass in play.

[simongcc]

@xzyfer I have just confirmed it is the only version installed:

yarn list v1.5.1
warning Filtering by arguments is deprecated. Please use the pattern option instead.
└─ node-sass@4.8.3