title: Use !default value with @use in SCSS
body: <p>I am having some difficulty overwriting <code>!default</code> values in SCSS while using <code>@use</code>. When I use <code>@import</code> instead of <code>@use</code> it behaves correctly but while using <code>@use</code> the console gives an error (<em>This module and the new module both define a variable named &quot;$variable-name&quot;</em>).</p>
  <p>When I change the variable inside the same file where I assign the variable to an element it behaves <strong>correctly</strong>:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>// variables/variable.scss
  $color-accent: red !default;
  
  // variables/index.scss
  @forward ./variable.scss;
  
  // change.scss
  @use './variables/index' as *;
  $color-accent: blue;
  body {
    background-color: $color-accent;
  }
  
  // body background color is blue</code></pre>
  </div>
  </div>
  </p>
  <p>But when I try overwriting it in a seperate file it <strong>won't</strong> work:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>// change.scss
  $color-accent: blue;
  
  // variables/index.scss
  @forward ./variable.scss;
  @forward ./change.scss;
  
  // base.scss
  @use './variables/index' as *;
  body {
    background-color: $color-accent;
  }
  
  // main.scss
  @use './base';
  
  // error: Two forwarded modules both define a variable named $color-accent</code></pre>
  </div>
  </div>
  </p>
  <p>Also, when I only <code>@forward</code> the <code>variable.scss</code> and <code>@use</code> the <code>change.scss</code> in the <code>main.scss</code> file it doesn't give the right outcome (<em>body background color stays red without an error</em>).</p>
  <p>Does anyone have a suggestion? All help is appreciated.</p>
  <p>Joop</p>