css – @import url SyntaxError: Invalid or sudden token

In model.css I am making an attempt to import a font from Google Fonts:

@import url("https://fonts.googleapis.com/css2?household=Inter");

physique {
  font-family: Roboto, sans-serif;
}

svg {
  font-family: Roboto, sans-serif;
}

content material.tsx:

import './model.css'

However I get this error:

@import url("https://fonts.googleapis.com/css2?household=Inter");
^

SyntaxError: Invalid or sudden token

I am undecided why since I already put in Webpack’s css-loader and style-loader:

module: {
    guidelines: [{
        test: /.ts(x)?$/,
        use: 'ts-loader',
        exclude: /node_modules/
    }],
    guidelines: [{
        test: /.css$/i,
        use: ["style-loader", "css-loader"]
    }]
},

What may very well be the issue?