fix: handling @import with spaces and any extensions (#1272)

Author: alexander-akait

src/index.js

@@ -66,7 +66,6 @@ export default async function loader(content, map, meta) {
       extensions: [".css"],
       mainFields: ["css", "style", "main", "..."],
       mainFiles: ["index", "..."],
-      restrictions: [/\.css$/i],
     });
 
     plugins.push(

src/utils.js

@@ -79,7 +79,9 @@ function defaultGetLocalIdent(
 }
 
 function normalizeUrl(url, isStringValue) {
-  let normalizedUrl = url;
+  let normalizedUrl = url
+    .replace(/^( |\t\n|\r\n|\r|\f)*/g, "")
+    .replace(/( |\t\n|\r\n|\r|\f)*$/g, "");
 
   if (isStringValue && /\\(\n|\r\n|\r|\f)/.test(normalizedUrl)) {
     normalizedUrl = normalizedUrl.replace(/\\(\n|\r\n|\r|\f)/g, "");

test/__snapshots__/import-option.test.js.snap

@@ -143,3 +143,9 @@ st.css');
 
 @import url('something.css?foo=1&bar=2');
 @import url('something.css?foo=2&bar=1');
+
+@import "   ./test.css   ";
+@import url('   ./test.css   ');
+@import url(   ./test.css   );
+
+@import "./my.scss";

test/fixtures/import/import.css

@@ -0,0 +1,3 @@
+a {
+  color: red;
+}