Laravel mixでgoogle fontsが適用されなかった

Laravel mixでgoogle fontsを使うときにapp.scssにこう書くと

resources/sass/app.scss

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;500&display=swap');

ビルドされた時に「；」で改行されて、cssで読み込まれなくなる

public/css/app.css

@import url(https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;

300;500&display=swap);@charset "UTF-8";

なので「@100」とかのサイズ指定をやめてこう書くと読み込まれる

resources/sass/app.scss

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');

デメリットとして100みたいな指定ができなくなる。

font-size: 100;　#使えない
font-size: 1rem; #使える

もちろん通常通りに、HTMLにlinkとして読み込む分には普通に使える

<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;500&display=swap" rel="stylesheet">