title: How to use css global variables in scss file?
body: <p>I am gonna use css global variables in scss file so that I can change the button colour in any time. </p>
  
  <p>I want to do like this:</p>
  
  <pre><code>:root {
  --button-color: #FF0000;
  }
  
  $button-color: var(--button-color);
  
  ...
  </code></pre>
  
  <p>But this makes the issue now.</p>