title: How do I export a Sass variable to Javascript?
body: <p>I have an Sass setup in my application that provides some <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/--*" rel="nofollow noreferrer">custom properties</a> as well as Sass <code>$variables</code>.</p>
  <pre><code>:root { --my-variable: #FFFFFF; }
  
  $my-variable: var(--my-variable) !default;
  </code></pre>
  <p>And I would love to export those variables to Js using the <code>:export</code> tag, so that I can present them in the storybook.</p>
  <p><strong>For example:</strong></p>
  <pre><code>:export {
    myVar: var(--my-variable)
    ...
  }
  </code></pre>
  <p>But the only thing I was able to achieve, is that in Js I get the string literal, not the variable associated value, in this case <code>#FFFFFF</code>.</p>
  <p>Do I need to do anything specific in my configuration to make this happen?</p>