Bump the all group across 1 directory with 8 updates

package.json

@@ -50,7 +50,7 @@
     "autoprefixer": "^10.4.18",
     "chokidar-cli": "^3.0.0",
     "cssstats": "^4.0.5",
-    "eslint": "^9.18.0",
+    "eslint": "^10.0.2",
     "eslint-plugin-github": "^6.0.0",
     "eslint-plugin-jest": "^29.2.1",
     "eslint-plugin-prettier": "^5.2.3",

src/layout/app-frame.scss

@@ -40,7 +40,7 @@
       padding: 0;
       margin: -1px;
       overflow: hidden;
-      clip: rect(1px, 1px, 1px, 1px);
+      clip: rect(1px, 1px, 1px, 1px); /* stylelint-disable-line property-no-deprecated */
       border: 0;
     }
 

src/markdown/code.scss

@@ -24,7 +24,7 @@
   }
 
   pre {
-    word-wrap: normal;
+    overflow-wrap: normal;
 
     code {
       // stylelint-disable-next-line primer/typography
@@ -72,7 +72,7 @@
     margin: 0;
     overflow: visible;
     line-height: inherit;
-    word-wrap: normal;
+    overflow-wrap: normal;
     background-color: transparent;
     border: 0;
   }

src/markdown/footnotes.scss

@@ -40,7 +40,7 @@
       left: calc(var(--base-size-24) * -1);
       pointer-events: none;
       content: '';
-      // stylelint-disable-next-line primer/borders, primer/colors, declaration-property-value-no-unknown
+      // stylelint-disable-next-line primer/borders, primer/colors
       border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
       // stylelint-disable-next-line primer/borders
       border-radius: $border-radius;

src/markdown/markdown-body.scss

@@ -11,7 +11,7 @@
   font-size: $h4-size;
   // stylelint-disable-next-line primer/typography
   line-height: $body-line-height;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 
   // Clearfix on the markdown body
   &::before {
@@ -88,7 +88,7 @@
     // stylelint-disable-next-line primer/spacing
     padding: 0 1em;
     color: var(--fgColor-muted, var(--color-fg-muted));
-    // stylelint-disable-next-line primer/borders, primer/colors, declaration-property-value-no-unknown
+    // stylelint-disable-next-line primer/borders, primer/colors
     border-left: 0.25em $border-style var(--borderColor-default, var(--color-border-default));
 
     > :first-child {

src/marketing/buttons/button.scss

@@ -17,7 +17,7 @@
   vertical-align: middle;
   user-select: none;
   background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), // stylelint-disable-line primer/colors
+    linear-gradient(180deg, rgb(255, 255, 255, 0.15) 0%, rgb(255, 255, 255, 0) 100%), // stylelint-disable-line primer/colors
     var(--color-mktg-btn-bg) !important;
   border: 0;
   // stylelint-disable-next-line primer/borders

src/navigation/sidenav.scss

@@ -25,7 +25,7 @@
 
   &:last-child {
     // makes sure there is a "bottom border" in case the list is not long enough
-    // stylelint-disable-next-line primer/box-shadow, declaration-property-value-no-unknown
+    // stylelint-disable-next-line primer/box-shadow
     box-shadow: 0 $border-width 0 var(--borderColor-default, var(--color-border-default));
   }
 

src/support/mixins/layout.scss

@@ -45,6 +45,7 @@
 // Clears floats via mixin.
 
 @mixin clearfix {
+  // stylelint-disable nesting-selector-no-missing-scoping-root
   &::before {
     display: table;
     content: '';
@@ -55,4 +56,5 @@
     clear: both;
     content: '';
   }
+  // stylelint-enable nesting-selector-no-missing-scoping-root
 }

src/support/mixins/misc.scss

@@ -1,5 +1,6 @@
 // Generate a two-color caret for any element.
 @mixin double-caret($background: var(--bgColor-default, var(--color-canvas-default)), $border: var(--borderColor-default, var(--color-border-default))) {
+  // stylelint-disable nesting-selector-no-missing-scoping-root
   &::after,
   &::before {
     position: absolute;
@@ -26,6 +27,7 @@
     // stylelint-disable-next-line primer/colors
     background-color: $border;
   }
+  // stylelint-enable nesting-selector-no-missing-scoping-root
 }
 
 // global focus styles

src/tooltips/tooltips.scss

@@ -18,7 +18,7 @@
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   white-space: pre;
   pointer-events: none;
   content: attr(aria-label);
@@ -192,7 +192,7 @@
   &::after {
     width: max-content;
     max-width: var(--overlay-width-small, 20rem);
-    word-wrap: break-word;
+    overflow-wrap: break-word;
     white-space: pre-line;
     // stylelint-disable-next-line primer/borders
     border-collapse: separate;

src/utilities/typography.scss

@@ -289,8 +289,6 @@
 .wb-break-word {
     // stylelint-disable-next-line declaration-property-value-keyword-no-deprecated
   word-break: break-word !important;
-  // this is for backwards compatibility with browsers that don't respect overflow-wrap
-  word-wrap: break-word !important;
   overflow-wrap: break-word !important;
 }
 

src/utilities/visibility-display.scss

@@ -114,7 +114,7 @@
     height: 1px !important;
     padding: 0 !important;
     overflow: hidden !important;
-    clip: rect(1px, 1px, 1px, 1px) !important;
+    clip: rect(1px, 1px, 1px, 1px) !important; /* stylelint-disable-line property-no-deprecated */
     border: 0 !important;
   }