title: Using CSS custom property in SCSS hsla() function
body: <p>Any reason why this isn't working?</p>
  <pre><code>:root {
  --color-white: 0 0% 100%;
  }
  
  color: hsla(var(--color-white) 1);
  </code></pre>
  <p>I'm getting:
  <code>SCSS processing failed: file &quot;_page.scss&quot;, line 5, col 16: Function hsla is missing argument $saturation. </code></p>
  <p>I also tried</p>
  <pre><code>color: #{hsla(var(--color-white) 1)};
  </code></pre>
  <p>which still does not work.</p>