upgrade node deps (#16104)

* chore(deps): npm upgrade

Follows semver

Signed-off-by: Mike Fiedler <[email protected]>

* chore(deps): upgrade stylelint

added 9 packages, removed 40 packages, changed 12 packages, and audited 1199 packages

Signed-off-by: Mike Fiedler <[email protected]>

* lint: stylelint autofix

Signed-off-by: Mike Fiedler <[email protected]>

* chore(deps): upgrade webpack plugins

Mostly deprecated older Node versions.

added 3 packages, changed 38 packages, and audited 1202 packages

Signed-off-by: Mike Fiedler <[email protected]>

* chore(deps): upgrade webpack loaders

added 31 packages, removed 5 packages, changed 8 packages, and audited 1199 packages

Signed-off-by: Mike Fiedler <[email protected]>

* chore9deps): upgrade stylistic plugin

added 1 package, changed 3 packages, and audited 1200 packages

Signed-off-by: Mike Fiedler <[email protected]>

---------

Signed-off-by: Mike Fiedler <[email protected]>

Author: miketheman

package-lock.json

@@ -37,29 +37,29 @@
     "@babel/core": "^7.21.3",
     "@babel/eslint-parser": "^7.21.3",
     "@babel/preset-env": "^7.21.4",
-    "@stylistic/eslint-plugin-js": "^1.7.0",
+    "@stylistic/eslint-plugin-js": "^2.1.0",
     "@testing-library/dom": "^9.2.0",
     "@testing-library/jest-dom": "^5.16.5",
     "babel-jest": "^29.5.0",
-    "compression-webpack-plugin": "^10.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.7.3",
-    "css-minimizer-webpack-plugin": "^5.0.0",
+    "compression-webpack-plugin": "^11.1.0",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.0",
     "eslint": "^8.36.0",
     "glob": "^10.2.2",
-    "image-minimizer-webpack-plugin": "^3.8.1",
+    "image-minimizer-webpack-plugin": "^4.0.2",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-fetch-mock": "^3.0.3",
     "mini-css-extract-plugin": "^2.7.2",
-    "postcss-loader": "^7.2.4",
+    "postcss-loader": "^8.1.1",
     "rtlcss": "^4.0.0",
     "sass-embedded": "^1.57.1",
-    "sass-loader": "^13.2.0",
+    "sass-loader": "^14.2.1",
     "sharp": "^0.32.6",
-    "stylelint": "^15.10.1",
-    "stylelint-config-standard-scss": "^9.0.0",
-    "stylelint-selector-bem-pattern": "^3.0.1",
+    "stylelint": "^16.6.1",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-selector-bem-pattern": "^4.0.0",
     "svgo": "^3.0.2",
     "webpack": "^5.80.0",
     "webpack-cli": "^5.0.2",

package.json

@@ -39,7 +39,7 @@
   }
 
   @media only screen and (max-width: $desktop) and (min-width: $mobile) {
-    padding: 0 0 ($spacing-unit * 1.5) 0;
+    padding: 0 0 ($spacing-unit * 1.5);
     display: flex;
     align-items: flex-start;
 

warehouse/static/sass/blocks/_author-profile.scss

@@ -67,7 +67,7 @@
   &__menu {
     @include flex-basis(220px);
     @include flex-shrink(0);
-    margin: 0 $half-spacing-unit 40px $half-spacing-unit;
+    margin: 0 $half-spacing-unit 40px;
     padding: 0;
 
     h2 {

warehouse/static/sass/blocks/_footer.scss

@@ -37,7 +37,7 @@
     padding: 0 20px 40px;
 
     @media only screen and (max-width: $mobile) {
-      padding: 0 10px $spacing-unit 10px;
+      padding: 0 10px $spacing-unit;
     }
   }
 

warehouse/static/sass/blocks/_homepage-banner.scss

@@ -34,7 +34,7 @@
 
     @media only screen and (max-width: $desktop) {
       width: 100%;
-      padding: 0 0 $spacing-unit 0;
+      padding: 0 0 $spacing-unit;
     }
   }
 }

warehouse/static/sass/blocks/_sponsorship-benefits.scss

@@ -38,7 +38,7 @@
     padding: $spacing-unit 0;
 
     @media only screen and (max-width: $tablet) {
-      padding: 0 0 $spacing-unit 0;
+      padding: 0 0 $spacing-unit;
     }
   }
 
@@ -48,7 +48,7 @@
     background-image: linear-gradient(to bottom, $border-color, $white);
 
     @media only screen and (max-width: $tablet) {
-      margin: 0 0 $spacing-unit 0;
+      margin: 0 0 $spacing-unit;
       width: 100%;
       height: 2px;
       background-image: linear-gradient(to right, $border-color, $white);