title: Any way to use CSS Variables in SASS functions?
body: <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>