title: variables for bootstrap component not loading from a _partial
body: <p>I've made styling for bootstrap component in separate &quot;_partial&quot; file. When I load it to my main.scss file, it doesn't load the variables from the partial (remaining styles like: <code>#carouselExampleIndicators</code> work). Why is that?</p>
  <p><strong>main.scss</strong></p>
  <pre><code>@use &quot;./variables&quot; as v;
  @use &quot;./slideshowBoot&quot;;
  
  @import &quot;../../node_modules/bootstrap/scss/bootstrap&quot;;
  </code></pre>
  <p><strong>_slideshowBoot.scss</strong></p>
  <pre><code>$carousel-control-color: rgb(150, 131, 131);
  $carousel-control-width: 5%;
  $carousel-transition-duration: .5s; 
  
  #carouselExampleIndicators {
      margin: 1rem;
      padding-bottom: 1rem;
      background-color: aquamarine;
  
      .carousel-indicators {
  
          margin: 0;
      
          button {
              border-radius: 10px;
          }   
      }
  }
  </code></pre>