title: Unable to set SCSS variable to CSS variable?
body: <p>Consider the following SCSS:</p>
  
  <pre><code>$color-black: #000000;
  
  body {
      --color: $color-black;
  }
  </code></pre>
  
  <p>When it is compiled with node-sass <strong>version 4.7.2</strong>, it produces following CSS:</p>
  
  <pre><code>body {
      --color: #000000; 
  }
  </code></pre>
  
  <p>When I compile the same SCSS with version <strong>4.8.3 or higher</strong>, it produces following:</p>
  
  <pre><code>body {
      --color: $color-black; 
  }
  </code></pre>
  
  <p><strong>What am I missing?</strong> I checked release logs, but could not found anything useful. Also, I wonder if this change is genuine why does it have only minor version change? Should it not be a major release?</p>
  
  <p>Also, <strong>what is my alternative?</strong> Should I use <strong>Interpolation</strong>?</p>