title: Issues with Google fonts and Sass
body: <p>I'm trying to learn Laravel and I've run into an issue that I can't seem to figure out with Google Fonts and Sass.</p>
  
  <p>I'm trying to load my font on app.scss with:</p>
  
  <pre><code>// Fonts
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&amp;display=swap');
  
  // Variables
  @import 'variables';
  
  // Bootstrap
  @import '~bootstrap/scss/bootstrap';
  </code></pre>
  
  <p>But it compiles to app.css as:</p>
  
  <pre><code>@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;
  700&amp;display=swap);@charset "UTF-8";
  </code></pre>
  
  <p>If I manually correct app.css it works. But how do I get Sass or Laravel to compile it properly?</p>