Use enhanced resolve for package exports handling

.changeset/giant-clocks-tan.md

@@ -0,0 +1,5 @@
+---
+"@chialab/stylelint-config": patch
+---
+
+Handle package exports.

package.json

@@ -23,9 +23,9 @@
     "stylelint": "^14.0.0"
   },
   "dependencies": {
+    "enhanced-resolve": "^5.12.0",
     "postcss": "^8.4.0",
     "postcss-values-parser": "^6.0.0",
-    "resolve": "^1.20.0",
     "stylelint-order": "^5.0.0"
   },
   "devDependencies": {

plugins/value-no-unknown-custom-properties/index.js

@@ -5,18 +5,39 @@
 
 const fs = require('fs');
 const path = require('path');
-const nodeResolve = require('resolve');
+const nodeResolve = require('enhanced-resolve');
 const postcss = require('postcss');
 const stylelint = require('stylelint');
 const postcssValuesParser = require('postcss-values-parser');
 
-async function resolve(source, options) {
-    return new Promise((ok, ko) => {
-        nodeResolve(source, options, (err, res) => {
+const styleResolve = nodeResolve.create({
+    extensions: ['.css'],
+    mainFields: ['style'],
+    preferRelative: true,
+    symlinks: false,
+});
+
+/**
+ * Check if the given path is a valid url.
+ * @param {string} url
+ * @returns True if the given string is a valid url.
+ */
+function isUrl(url) {
+    try {
+        return !!(new URL(url));
+    } catch (err) {
+        //
+    }
+    return false;
+}
+
+async function resolve(source, importer) {
+    return new Promise((resolve, reject) => {
+        styleResolve({}, importer, source, {}, (err, res) => {
             if (err) {
-                ko(err);
+                reject(err);
             } else {
-                ok(res);
+                resolve(res);
             }
         });
     });
@@ -31,28 +52,23 @@ async function getCustomPropertiesFromRoot(root) {
         sourceDir = path.dirname(root.source.input.file);
     }
 
-
     const importPromises = [];
     root.walkAtRules('import', (atRule) => {
         const fileName = atRule.params
             .replace(/url\(/, '')
             .replace(/\)$/, '')
             .replace(/['|"]/g, '')
             .replace(/^~/, '');
-        if (fileName.match(/^https?:\/\//)) {
+
+        if (isUrl(fileName)) {
             return;
         }
-        importPromises.push(resolve(fileName, {
-            basedir: sourceDir,
-            extensions: ['.css'],
-            preserveSymlinks: true,
-            packageFilter(pkg) {
-                if (pkg.style) {
-                    pkg.main = pkg.style;
-                }
-                return pkg;
-            },
-        }).then((resolvedFileName) => getCustomPropertiesFromCSSFile(resolvedFileName)).catch(() => ({})));
+
+        importPromises.push(
+            resolve(fileName, sourceDir)
+                .then((resolvedFileName) => getCustomPropertiesFromCSSFile(resolvedFileName))
+                .catch(() => ({}))
+        );
     });
 
     const properties = await Promise.all(importPromises);