Fix vanilla-drylus build for Node.js 22 (OpenSSL 3)

Add --openssl-legacy-provider for webpack 4's MD4 hash usage and update
extract-emotion externals for react-map-gl migration and ESM compatibility.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: LaurentClaes

packages/extract-emotion/index.js

@@ -12,11 +12,28 @@ async function build(input, output) {
     output: {
       path: output,
     },
-    externals: {
-      'mapbox-gl': '{}',
-      'react-mapbox-wrapper': '{}',
-      '@drawbotics/use-screen-size': '{}',
+    resolve: {
+      mainFields: ['main', 'module'],
     },
+    module: {
+      rules: [
+        { test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto' },
+      ],
+    },
+    externals: [
+      { 'mapbox-gl': '{}' },
+      { 'react-map-gl': '{}' },
+      { 'framer-motion': '{}' },
+      { 'animejs': '{}' },
+      { '@drawbotics/use-screen-size': '{}' },
+      function(context, request, callback) {
+        // Ignore CSS imports and problematic modules that don't contribute emotion styles
+        if (/\.css$/.test(request) || /^mapbox-gl/.test(request) || /^get-user-locale/.test(request)) {
+          return callback(null, '{}');
+        }
+        callback();
+      },
+    ],
   });
   compiler.outputFileSystem = memFs;
 

packages/vanilla-drylus/package.json

@@ -9,11 +9,11 @@
   "scripts": {
     "clean": "rimraf dist",
     "sync": "node scripts/sync.js",
-    "watch:lib": "NODE_ENV=development webpack --config webpack.config.js --watch",
+    "watch:lib": "NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=development webpack --config webpack.config.js --watch",
     "watch:react": "node ./scripts/watch-react.js",
-    "watch": "NODE_ENV=development webpack --config webpack.config.js --watch",
-    "build:lib": "NODE_ENV=production webpack --config webpack.config.js",
-    "extract-css": "extract-emotion ./src/styles/react-components.js --output ./src/styles/ --prefix Drylus --filename react-styles.css",
+    "watch": "NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=development webpack --config webpack.config.js --watch",
+    "build:lib": "NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=production webpack --config webpack.config.js",
+    "extract-css": "NODE_OPTIONS=--openssl-legacy-provider extract-emotion ./src/styles/react-components.js --output ./src/styles/ --prefix Drylus --filename react-styles.css",
     "build": "npm run clean && cd ../react-drylus && npm run build && cd ../vanilla-drylus && npm run extract-css && npm run build:lib",
     "build:dev": "npm run build && NODE_ENV=development npm run sync",
     "prepublishOnly": "npm run build && NODE_ENV=production npm run sync"