title: Is there a way to use SASS lighten() and darken() with CSS variables?
body: <p>Is  there a trick or way to use Sass lighten() and darken() with CSS variables? (I have to use <strong>css variables</strong>)</p>
  <pre><code>//.scss
  
      :root{
          --my-color: #ff0000;
      }
      
      // method 1 :
      $my-color-darken: darken(var(--my-color), 15%); // not working
      
      // method 2 :
      $my-color: var(--my-color);
      $my-color-lighten: lighten($my-color, 15%); // not working
  </code></pre>