diff --git a/package.json b/package.json
index 3172a2c..95a421b 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "gulp-terser": "^2.0.1",
     "minimist": "^1.2.0",
     "node-sass": "^6.0.1",
+    "node-sass-import": "^2.0.1",
     "postcss": "^8.0.9",
     "postcss-url": "^10.1.3",
     "stylelint": "^14.1.0",
diff --git a/tasks/styles.js b/tasks/styles.js
index a8562f5..be338cc 100644
--- a/tasks/styles.js
+++ b/tasks/styles.js
@@ -14,6 +14,7 @@ function styles(gulp, $, config) {
                     cwd: config.webdir,
                     pipeStdout: true,
                     sassOutputStyle: 'nested',
+                    importer: require('node-sass-import'),
                     includePaths: config.styles.includePaths ? config.styles.includePaths : [config.npmdir]
                 }).on('error', $.sass.logError))
                 .pipe($.postcss(config.styles.postCssPlugins(config, stylesheet)))