upgrade minor packages

Author: DonAdam2

README.md

@@ -1,5 +1,5 @@
 # Table of Contents:
-- [Overview](#this-webpack-v5940-boilerplate-supports-the-following)
+- [Overview](#this-webpack-v5961-boilerplate-supports-the-following)
 - [Prerequisites](#prerequisites)
 - [Installing & getting started](#installing--getting-started)
 - [Windows subsystem for Linux (WSL2)](#windows-subsystem-for-linux-wsl2-for-docker)
@@ -18,7 +18,7 @@
 - [Code generator](#code-generator-using-plop)
 - [Available scripts](#available-scripts)
 
-## This webpack (V5.94.0) boilerplate supports the following:
+## This webpack (V5.96.1) boilerplate supports the following:
 
 - Testing using **jest**, **react-testing-library**
 - **SCSS** preprocessor

package.json

@@ -37,52 +37,52 @@
   "author": "Adam Morsi <adam.morsi@yahoo.com> (https://github.com/DonAdam2)",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "7.25.2",
+    "@babel/core": "7.26.0",
     "@babel/eslint-parser": "7.25.9",
     "@babel/plugin-transform-runtime": "7.25.9",
-    "@babel/preset-env": "7.25.4",
-    "@babel/preset-react": "7.24.7",
-    "@babel/preset-typescript": "7.24.7",
-    "@babel/runtime": "7.25.6",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
+    "@babel/preset-typescript": "7.26.0",
+    "@babel/runtime": "7.26.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.1",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/crypto-js": "4.2.2",
     "@types/jest": "29.5.14",
-    "@types/node": "22.5.2",
+    "@types/node": "22.9.1",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@types/react-redux": "7.1.34",
     "@types/react-test-renderer": "18.3.0",
     "@types/redux-logger": "3.0.13",
     "@types/webpack-env": "1.18.5",
-    "@typescript-eslint/eslint-plugin": "8.4.0",
-    "@typescript-eslint/parser": "8.4.0",
+    "@typescript-eslint/eslint-plugin": "8.15.0",
+    "@typescript-eslint/parser": "8.15.0",
     "autoprefixer": "10.4.20",
     "babel-jest": "29.7.0",
-    "babel-loader": "9.1.3",
+    "babel-loader": "9.2.1",
     "babel-plugin-macros": "3.1.0",
-    "browserslist": "4.23.3",
+    "browserslist": "4.24.2",
     "clean-webpack-plugin": "4.0.0",
     "cli-color": "2.0.4",
     "copy-webpack-plugin": "12.0.2",
-    "core-js": "3.38.1",
+    "core-js": "3.39.0",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "7.0.0",
     "detect-port": "1.6.1",
     "dotenv-webpack": "8.1.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-babel": "5.3.1",
-    "eslint-plugin-jest": "28.8.2",
-    "eslint-plugin-jest-dom": "5.4.0",
+    "eslint-plugin-jest": "28.9.0",
+    "eslint-plugin-jest-dom": "5.5.0",
     "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-react": "7.35.1",
+    "eslint-plugin-react": "7.37.2",
     "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-testing-library": "6.3.0",
+    "eslint-plugin-testing-library": "6.5.0",
     "eslint-webpack-plugin": "4.2.0",
     "fork-ts-checker-webpack-plugin": "9.0.2",
     "html-webpack-plugin": "5.6.3",
@@ -100,7 +100,7 @@
     "postcss-flexbugs-fixes": "5.0.2",
     "postcss-loader": "8.1.1",
     "postcss-normalize": "10.0.1",
-    "postcss-preset-env": "10.0.2",
+    "postcss-preset-env": "10.1.1",
     "prettier": "3.3.3",
     "prompts": "2.4.2",
     "react": "18.3.1",
@@ -112,25 +112,25 @@
     "resolve-url-loader": "5.0.0",
     "rework": "1.0.1",
     "rework-visit": "1.0.0",
-    "sass": "1.77.8",
+    "sass": "1.81.0",
     "sass-loader": "16.0.3",
     "serve": "14.2.4",
     "source-map-loader": "5.0.0",
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.10",
     "to-camel-case": "1.0.0",
     "ts-loader": "9.5.1",
-    "typescript": "5.5.4",
-    "webpack": "5.94.0",
+    "typescript": "5.6.3",
+    "webpack": "5.96.1",
     "webpack-bundle-analyzer": "4.10.2",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.0.4",
     "webpack-merge": "6.0.1"
   },
   "dependencies": {
-    "@reduxjs/toolkit": "2.2.7",
+    "@reduxjs/toolkit": "2.3.0",
     "crypto-js": "4.2.0",
-    "react-error-boundary": "4.0.13",
+    "react-error-boundary": "4.1.2",
     "react-redux": "9.1.2",
     "react-router-dom": "6.26.1"
   }

plopfile.js

@@ -125,7 +125,7 @@ const generateContainerOrPage = (isPage = false) => {
         type: 'append',
         path: `${rootDirectory}/scss/_containers.scss`,
         pattern: `/* PLOP_INJECT_IMPORT */`,
-        template: `@import './containers${isPage ? '/pages' : ''}/{{dashCase name}}${
+        template: `@use './containers${isPage ? '/pages' : ''}/{{dashCase name}}${
           isPage ? '-page' : ''
         }';`,
       },
@@ -199,7 +199,7 @@ module.exports = async (plop) => {
             type: 'append',
             path: `${rootDirectory}/scss/_components.scss`,
             pattern: `/* PLOP_INJECT_IMPORT */`,
-            template: `@import './components/{{dashCase name}}';`,
+            template: `@use './components/{{dashCase name}}';`,
           },
           {
             type: 'eslint',