chore!: minimum supported Node.js version is 18.12.0

.github/workflows/nodejs.yml

@@ -60,7 +60,8 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest, windows-latest, macos-latest]
-        node-version: [14.x, 16.x, 18.x, 20.x]
+        # TODO add 21.x after node-sass gets support
+        node-version: [18.x, 20.x]
         webpack-version: [latest]
 
     runs-on: ${{ matrix.os }}
@@ -82,10 +83,6 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: "npm"
 
-      - name: Install deps
-        run: npm install node-sass@9.0.0
-        if: matrix.node-version == '20.x'
-
       - name: Install dependencies
         run: npm ci
 

README.md

@@ -249,85 +249,6 @@ module.exports = {
 };
 ```
 
-Note that when using `sass` (`Dart Sass`), **synchronous compilation is twice as fast as asynchronous compilation** by default, due to the overhead of asynchronous callbacks.
-To avoid this overhead, you can use the [fibers](https://www.npmjs.com/package/fibers) package to call asynchronous importers from the synchronous code path.
-
-We automatically inject the [`fibers`](https://github.com/laverdet/node-fibers) package (setup `sassOptions.fiber`) for `Node.js` less v16.0.0 if is possible (i.e. you need install the [`fibers`](https://github.com/laverdet/node-fibers) package).
-
-> **Warning**
->
-> Fibers is not compatible with `Node.js` v16.0.0 or later. Unfortunately, v8 commit [dacc2fee0f](https://github.com/v8/v8/commit/dacc2fee0f815823782a7e432c79c2a7767a4765) is a breaking change and workarounds are non-trivial. ([see introduction to readme](https://github.com/laverdet/node-fibers)).
-
-**package.json**
-
-```json
-{
-  "devDependencies": {
-    "sass-loader": "^7.2.0",
-    "sass": "^1.22.10",
-    "fibers": "^4.0.1"
-  }
-}
-```
-
-You can disable automatically injecting the [`fibers`](https://github.com/laverdet/node-fibers) package by passing a `false` value for the `sassOptions.fiber` option.
-
-**webpack.config.js**
-
-```js
-module.exports = {
-  module: {
-    rules: [
-      {
-        test: /\.s[ac]ss$/i,
-        use: [
-          "style-loader",
-          "css-loader",
-          {
-            loader: "sass-loader",
-            options: {
-              implementation: require("sass"),
-              sassOptions: {
-                fiber: false,
-              },
-            },
-          },
-        ],
-      },
-    ],
-  },
-};
-```
-
-You can also pass the `fiber` value using this code:
-
-**webpack.config.js**
-
-```js
-module.exports = {
-  module: {
-    rules: [
-      {
-        test: /\.s[ac]ss$/i,
-        use: [
-          "style-loader",
-          "css-loader",
-          {
-            loader: "sass-loader",
-            options: {
-              implementation: require("sass"),
-              sassOptions: {
-                fiber: require("fibers"),
-              },
-            },
-          },
-        ],
-      },
-    ],
-  },
-};
-```
-
 ### `sassOptions`
 
 Type:
@@ -338,7 +259,7 @@ type sassOptions =
   | ((
       content: string | Buffer,
       loaderContext: LoaderContext,
-      meta: any
+      meta: any,
     ) => import("sass").LegacyOptions<"async">);
 ```
 

babel.config.js

@@ -10,7 +10,7 @@ module.exports = (api) => {
         "@babel/preset-env",
         {
           targets: {
-            node: "14.15.0",
+            node: "18.12.0",
           },
         },
       ],