Update devDependencies (#38437)

* Update devDependencies

* @babel/preset-env                 ^7.20.2  →  ^7.21.4
* @rollup/plugin-node-resolve       ^15.0.1  →  ^15.0.2
* eslint                            ^8.37.0  →  ^8.38.0
* rtlcss                             ^4.0.0  →   ^4.1.0
* sass                              ^1.60.0  →  ^1.61.0
* stylelint                        ^14.16.1  →  ^15.4.0
* stylelint-config-twbs-bootstrap    ^7.0.0  →   ^9.0.1
* vnu-jar                           22.9.29  →  23.4.11

* Fix the new Stylelint issues

package.json

@@ -105,17 +105,17 @@
   "devDependencies": {
     "@babel/cli": "^7.21.0",
     "@babel/core": "^7.21.4",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-env": "^7.21.4",
     "@popperjs/core": "^2.11.7",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-replace": "^5.0.2",
     "autoprefixer": "^10.4.14",
     "bundlewatch": "^0.3.3",
     "clean-css-cli": "^5.6.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.37.0",
+    "eslint": "^8.38.0",
     "eslint-config-xo": "^0.43.1",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.5",
@@ -144,14 +144,14 @@
     "postcss-cli": "^10.1.0",
     "rollup": "^3.20.2",
     "rollup-plugin-istanbul": "^4.0.0",
-    "rtlcss": "^4.0.0",
-    "sass": "^1.60.0",
+    "rtlcss": "^4.1.0",
+    "sass": "^1.61.0",
     "sass-true": "^7.0.0",
     "shelljs": "^0.8.5",
-    "stylelint": "^14.16.1",
-    "stylelint-config-twbs-bootstrap": "^7.0.0",
+    "stylelint": "^15.4.0",
+    "stylelint-config-twbs-bootstrap": "^9.0.1",
     "terser": "5.16.0",
-    "vnu-jar": "22.9.29"
+    "vnu-jar": "23.4.11"
   },
   "files": [
     "dist/{css,js}/*.{css,js,map}",

scss/helpers/_color-bg.scss

@@ -1,5 +1,3 @@
-// stylelint-disable function-name-case
-
 // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
 @each $color, $value in $theme-colors {
   $color-rgb: to-rgb($value);

scss/helpers/_colored-links.scss

@@ -1,4 +1,4 @@
-// stylelint-disable function-name-case, declaration-no-important
+// stylelint-disable declaration-no-important
 
 // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
 @each $color, $value in $theme-colors {

scss/tests/mixins/_utilities.test.scss

@@ -258,7 +258,7 @@ $enable-important-utilities: false;
           .desaturated-color-blue {
             --bs-color-opacity: 1;
             // Sass compilation will put a leading zero so we want to keep that one
-            // stylelint-disable-next-line number-leading-zero
+            // stylelint-disable-next-line stylistic/number-leading-zero
             --bs-color-saturation: 0.25;
             color: hsla(192deg, var(--bs-color-saturation), 0, var(--bs-color-opacity));
           }

site/assets/scss/_colors.scss

@@ -40,8 +40,6 @@
   }
 }
 
-// stylelint-disable declaration-block-single-line-max-declarations
-
 .bd-blue-100 { color: color-contrast($blue-100); background-color: $blue-100; }
 .bd-blue-200 { color: color-contrast($blue-200); background-color: $blue-200; }
 .bd-blue-300 { color: color-contrast($blue-300); background-color: $blue-300; }

site/content/docs/5.3/examples/blog/blog.css

@@ -1,4 +1,4 @@
-/* stylelint-disable selector-list-comma-newline-after */
+/* stylelint-disable stylistic/selector-list-comma-newline-after */
 
 .blog-header {
   border-bottom: 1px solid #e5e5e5;

site/content/docs/5.3/examples/blog/blog.rtl.css

@@ -1,4 +1,4 @@
-/* stylelint-disable selector-list-comma-newline-after */
+/* stylelint-disable stylistic/selector-list-comma-newline-after */
 
 .blog-header {
   border-bottom: 1px solid #e5e5e5;