fix: allow to import CSS using @use with css extension

Author: alexander-akait

src/utils.js

@@ -379,8 +379,9 @@ function getPossibleRequests(
   //  - imports that have media queries.
   //
   // The `node-sass` package sends `@import` ending on `.css` to importer, it is bug, so we skip resolve
+  // Also sass outputs as is `@import "style.css"`, but `@use "style.css"` should include CSS content
   if (extension === ".css") {
-    return [];
+    return fromImport ? [] : [url];
   }
 
   const dirname = path.dirname(request);

test/loader.test.js

@@ -1858,6 +1858,25 @@ describe("loader", () => {
           await close(compiler);
         });
 
+        it(`should work when "@use" with CSS extension ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => {
+          const testId = getTestId("use-css", syntax);
+          const options = {
+            implementation,
+            api,
+          };
+          const compiler = getCompiler(testId, { loader: { options } });
+          const stats = await compile(compiler);
+          const codeFromBundle = getCodeFromBundle(stats, compiler);
+          const codeFromSass = await getCodeFromSass(testId, options);
+
+          expect(codeFromBundle.css).toBe(codeFromSass.css);
+          expect(codeFromBundle.css).toMatchSnapshot("css");
+          expect(getWarnings(stats)).toMatchSnapshot("warnings");
+          expect(getErrors(stats)).toMatchSnapshot("errors");
+
+          await close(compiler);
+        });
+
         it(`should work when "@use" with the "bootstrap-sass" package, directly import ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => {
           const testId = getTestId("use-bootstrap-sass", syntax);
           const options = {

test/sass/use-css.sass

@@ -0,0 +1 @@
+@use 'css/some-css-module.css'

test/scss/use-css.scss

@@ -0,0 +1 @@
+@use 'css/some-css-module.css';