Any way to use CSS Variables in SASS functions? : <p>I have defined a color in my root:</p>

<pre><code>:root {
--purple: hsl(266, 35%, 70%);
}
</code></pre>

<p>And I'm trying to use it in a SASS function to give it transparency: </p>

<pre><code>.purple {
  background: transparentize(#{"var(--primary-color)"}, 0.7)
}
</code></pre>

<p>Does anyone know of a way to get this to work? Or is it just not possible? </p>
