Update stylelint, enable report* options (#35236)

- Update stylelint
- Enable three [`report*`
directives](https://stylelint.io/user-guide/configure/#report)
- Fix discovered issues

Author: silverwind

package-lock.json

@@ -102,7 +102,7 @@
     "material-icon-theme": "5.24.0",
     "nolyfill": "1.0.44",
     "postcss-html": "1.8.0",
-    "stylelint": "16.23.0",
+    "stylelint": "16.23.1",
     "stylelint-config-recommended": "17.0.0",
     "stylelint-declaration-block-no-ignored-properties": "2.8.0",
     "stylelint-declaration-strict-value": "1.10.11",

package.json

@@ -10,6 +10,9 @@ const cssVarFiles = [
 
 export default defineConfig({
   extends: 'stylelint-config-recommended',
+  reportUnscopedDisables: true,
+  reportNeedlessDisables: true,
+  reportInvalidScopeDisables: true,
   plugins: [
     'stylelint-declaration-strict-value',
     'stylelint-declaration-block-no-ignored-properties',

stylelint.config.js

@@ -15,7 +15,7 @@
   top: 50%;
   transform: translateY(-50%);
   border-radius: 2px;
-  background: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa); /* stylelint-disable-line scale-unlimited/declaration-strict-value */
+  background: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
   background-position: 0 0, 4px 4px;
   background-size: 8px 8px;
 }

web_src/css/features/colorpicker.css

@@ -1672,7 +1672,7 @@ tbody.commit-list {
 .diff-file-header .file-link {
   max-width: fit-content;
   display: -webkit-box;
-  -webkit-box-orient: vertical; /* stylelint-disable property-no-deprecated -- https://github.com/stylelint/stylelint/issues/8698 */
+  -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   overflow-wrap: anywhere;