title: Libsass&Dart-sass give different result as to chaining of CSS selector
body: <p>Let's say I would like to generate below CSS selecor from SASS</p>
  
  <p>.btn.btn {}</p>
  
  <p>But I ended up getting different results with <strong>dart-sass</strong> and one from <strong>lib-sass</strong></p>
  
  <p>As a frontend dev I used to use sass-loader => node-sass => lib-sass</p>
  
  <p>How can I get around this?</p>
  
  <hr>
  
  <pre><code> %color {
      color: red;
  }
  
  @mixin getOverridedSelector{
      &amp;#{&amp;} {
          @content;
      }
  }
  
  .test{
         @include getOverridedSelector{
         @extend %color;
       }
  }
  </code></pre>
  
  <hr>
  
  <p><strong>Expected result:</strong></p>
  
  <pre><code>.test.test{
        color: red;
   }
  </code></pre>
  
  <p><strong>dart-sass actual result:</strong></p>
  
  <pre><code> .test.test{
        color: red;
   }
  </code></pre>
  
  <p><strong>lib-sass actual result:</strong></p>
  
  <pre><code> .test{
        color: red;
   }
  </code></pre>