fix: import files directly from scoped npm package

lib/importsToResolve.js

@@ -5,6 +5,7 @@ const path = require('path');
 const utils = require('loader-utils');
 
 const matchModuleImport = /^~([^/]+|@[^/]+[/][^/]+)$/;
+const matchScopedNpmPackage = /^@.*\//;
 
 /**
  * When libsass tries to resolve an import, it uses a special algorithm.
@@ -25,6 +26,13 @@ function importsToResolve(url) {
     return [request, url];
   }
 
+  // In case there is a deep import from a scoped NPM package
+  // ex: @import '@component-lib/button'
+  // return nothing and let node-sass handle the import directly
+  if (matchScopedNpmPackage.test(url)) {
+    return [];
+  }
+
   // libsass' import algorithm works like this:
 
   // In case there is a file extension...

test/index.test.js

@@ -154,6 +154,10 @@ implementations.forEach((implementation) => {
             execTest('bootstrap-sass'));
           it('should correctly import scoped npm packages', () =>
             execTest('import-from-npm-org-pkg'));
+          it('should directly import scoped npm packages', () =>
+            execTest('import-directly-from-npm-org-pkg', {
+              includePaths: [path.join(__dirname, 'node_modules')],
+            }));
           it('should resolve aliases', () =>
             execTest(
               'import-alias',

test/sass/import-directly-from-npm-org-pkg.sass

@@ -0,0 +1,5 @@
+/* @import ~@org/pkg */
+@import @org/baz/qux
+
+.foo
+    background: #000

test/scss/import-directly-from-npm-org-pkg.scss

@@ -0,0 +1,6 @@
+/* @import "~@org/pkg"; */
+@import "@org/baz/qux";
+
+.foo {
+    background: #000;
+}

test/tools/createSpec.js

@@ -18,6 +18,10 @@ function createSpec(ext) {
   const basePath = path.join(testFolder, ext);
   const testNodeModules =
     path.relative(basePath, path.join(testFolder, 'node_modules')) + path.sep;
+  const testDirectNodeModules = path.relative(
+    basePath,
+    path.join(testFolder, 'node_modules', '@')
+  );
   const pathToBootstrap = path.relative(
     basePath,
     path.resolve(testFolder, '..', 'node_modules', 'bootstrap-sass')
@@ -84,6 +88,7 @@ function createSpec(ext) {
               .replace(/^~module/, pathToModule)
               .replace(/^~another/, pathToAnother)
               .replace(/^~/, testNodeModules)
+              .replace(/^@/, testDirectNodeModules)
               .replace(/^path-to-alias/, pathToFooAlias);
           }
           return {