title: Bootstrap 4 SCSS compilation: Error: Invalid US-ASCII character "\xE2"
body: <p>Having issues compiling some bootstrap 4 modules (updating from beta3).</p>
  
  <p>While the issue can be solved by setting <code>@charset: 'UTF-8';</code> on <code>_hover.scss</code> mixin partial (which is noted as deprecated within the file), why would that be needed considering it should compile out of the box as previous beta versions.</p>
  
  <p>Code in <code>_hover.scss</code>:</p>
  
  <pre><code>@mixin hover {
    &amp;:hover { @content; }
  }
  
  @mixin hover-focus {
    &amp;:hover,
    &amp;:focus {
      @content;
    }
  }
  
  @mixin plain-hover-focus {
    &amp;,
    &amp;:hover,
    &amp;:focus {
      @content;
    }
  }
  
  @mixin hover-focus-active {
    &amp;:hover,
    &amp;:focus,
    &amp;:active {
      @content;
    }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/o81bH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o81bH.png" alt="enter image description here"></a></p>
  
  <p>After going through SCSS files can't figure exactly what's wrong, quotes seem ok.</p>