[chore] Update stylelint dependencies (#7608)

Author: ggdouglas

package.json

@@ -58,9 +58,9 @@
         "octokit": "^3.1.2",
         "prettier": "^3.6.2",
         "sinon": "^17.0.1",
-        "stylelint": "~16.11.0",
-        "stylelint-config-palantir": "^7.4.0",
-        "stylelint-scss": "^6.8.1",
+        "stylelint": "~16.25.0",
+        "stylelint-config-palantir": "^7.6.0",
+        "stylelint-scss": "^6.12.1",
         "typescript": "~5.3.3",
         "typescript-eslint": "^8.23.0",
         "yargs": "^17.7.2",

packages/core/src/_reset.scss

@@ -19,7 +19,7 @@ html {
 // Style resets on top of Normalize.css
 
 body {
-  @include base-typography();
+  @include base-typography;
   color: $pt-text-color;
   font-family: $pt-font-family;
 }

packages/core/src/_typography.scss

@@ -7,7 +7,7 @@
 @import "common/mixins";
 @import "common/typography-colors";
 @import "components/icon/icon";
-@include pt-typography-colors();
+@include pt-typography-colors;
 
 /*
 Headings
@@ -28,7 +28,7 @@ Styleguide headings
 */
 
 .#{$ns}-heading {
-  @include heading-typography();
+  @include heading-typography;
   margin: 0 0 ($pt-spacing * 3);
   padding: 0;
 }
@@ -96,17 +96,17 @@ Styleguide ui-text
 */
 
 .#{$ns}-ui-text {
-  @include base-typography();
+  @include base-typography;
 }
 
 .#{$ns}-monospace-text {
-  @include monospace-typography();
+  @include monospace-typography;
 }
 
 // NOTE: .#{$ns}-text-large defined below after .#{$ns}-running-text
 
 .#{$ns}-text-overflow-ellipsis {
-  @include overflow-ellipsis();
+  @include overflow-ellipsis;
 }
 
 /*
@@ -138,12 +138,12 @@ Styleguide running-text
 */
 
 .#{$ns}-running-text {
-  @include running-typography();
+  @include running-typography;
 
   @each $tag, $props in $headings {
     #{$tag} {
       @extend %#{$tag};
-      @include heading-typography();
+      @include heading-typography;
       margin-bottom: $pt-spacing * 5;
       margin-top: $pt-spacing * 10;
     }
@@ -240,14 +240,14 @@ Styleguide preformatted
 */
 
 %code {
-  @include monospace-typography();
+  @include monospace-typography;
   border-radius: $pt-border-radius;
   font-size: smaller;
   padding: ($pt-spacing * 0.5) $pt-spacing;
 }
 
 %code-block {
-  @include monospace-typography();
+  @include monospace-typography;
   border-radius: $pt-border-radius;
 
   display: block;
@@ -400,5 +400,5 @@ Dark theme
 */
 
 .#{$ns}-dark {
-  @include pt-dark-typography-colors();
+  @include pt-dark-typography-colors;
 }

packages/core/src/accessibility/_focus-states.scss

@@ -2,7 +2,7 @@
 // Licensed under the Apache License, Version 2.0.
 
 :focus {
-  @include focus-outline();
+  @include focus-outline;
 }
 
 // override any focus outline anywhere unless specifically ignored

packages/core/src/components/button/_button-group.scss

@@ -87,7 +87,7 @@
   &.#{$ns}-minimal,
   &.#{$ns}-outlined {
     .#{$ns}-button {
-      @include pt-button-minimal();
+      @include pt-button-minimal;
     }
 
     @media (forced-colors: active) and (prefers-color-scheme: dark) {
@@ -110,7 +110,7 @@
 
   &.#{$ns}-outlined {
     > .#{$ns}-button {
-      @include pt-button-outlined();
+      @include pt-button-outlined;
     }
 
     &:not(.#{$ns}-vertical) {

packages/core/src/components/button/_button.scss

@@ -6,7 +6,7 @@
 @import "./common";
 
 .#{$ns}-button {
-  @include pt-button-layout();
+  @include pt-button-layout;
   @include pt-button-height($pt-button-height);
 
   &:empty {
@@ -37,7 +37,7 @@
 
   // default styles
   &:not([class*="#{$ns}-intent-"]) {
-    @include pt-button();
+    @include pt-button;
   }
 
   // intents
@@ -54,12 +54,12 @@
   // size modifiers
   &.#{$ns}-large,
   .#{$ns}-large & {
-    @include pt-button-height-large();
+    @include pt-button-height-large;
   }
 
   &.#{$ns}-small,
   .#{$ns}-small & {
-    @include pt-button-height-small();
+    @include pt-button-height-small;
   }
 
   // loading state
@@ -84,7 +84,7 @@
   // icons
   &[class*="#{$ns}-icon-"] {
     &::before {
-      @include pt-icon();
+      @include pt-icon;
       color: $pt-icon-color;
     }
   }
@@ -110,7 +110,7 @@
   // dark theme
   .#{$ns}-dark & {
     &:not([class*="#{$ns}-intent-"]) {
-      @include pt-dark-button();
+      @include pt-dark-button;
 
       &[class*="#{$ns}-icon-"]::before {
         color: $pt-dark-icon-color;
@@ -124,7 +124,7 @@
     }
 
     &[class*="#{$ns}-intent-"] {
-      @include pt-dark-button-intent();
+      @include pt-dark-button-intent;
 
       .#{$ns}-button-spinner .#{$ns}-spinner-head {
         stroke: $dark-progress-head-color;
@@ -145,13 +145,13 @@
 
   // minimal must come last to override all default styles
   &.#{$ns}-minimal {
-    @include pt-button-minimal();
+    @include pt-button-minimal;
   }
 
   // outline is based on the styles of minimal
   &.#{$ns}-outlined {
-    @include pt-button-minimal();
-    @include pt-button-outlined();
+    @include pt-button-minimal;
+    @include pt-button-outlined;
   }
 
   // special case override: use dark text for warning intent

packages/core/src/components/button/_common.scss

@@ -126,20 +126,20 @@ $button-intents: (
 
 // N.B. this mixin cannot be used on pseudo element selectors because it will produce invalid CSS
 @mixin pt-button() {
-  @include pt-button-default-colors();
+  @include pt-button-default-colors;
 
   &:hover {
-    @include pt-button-hover();
+    @include pt-button-hover;
   }
 
   &:active,
   &.#{$ns}-active {
-    @include pt-button-active();
+    @include pt-button-active;
   }
 
   &:disabled,
   &.#{$ns}-disabled {
-    @include pt-button-disabled();
+    @include pt-button-disabled;
 
     &.#{$ns}-active,
     &.#{$ns}-active:hover {
@@ -232,7 +232,7 @@ $button-intents: (
 
 // N.B. this mixin cannot be used on pseudo element selectors because it will produce invalid CSS
 @mixin pt-dark-button() {
-  @include pt-dark-button-default-colors();
+  @include pt-dark-button-default-colors;
 
   &:hover,
   &:active,
@@ -241,17 +241,17 @@ $button-intents: (
   }
 
   &:hover {
-    @include pt-dark-button-hover();
+    @include pt-dark-button-hover;
   }
 
   &:active,
   &.#{$ns}-active {
-    @include pt-dark-button-active();
+    @include pt-dark-button-active;
   }
 
   &:disabled,
   &.#{$ns}-disabled {
-    @include pt-dark-button-disabled();
+    @include pt-dark-button-disabled;
 
     &.#{$ns}-active {
       background: $dark-button-background-color-active-disabled;
@@ -300,7 +300,7 @@ $button-intents: (
 
   &:disabled,
   &.#{$ns}-disabled {
-    @include pt-dark-button-intent-disabled();
+    @include pt-dark-button-intent-disabled;
   }
 }
 
@@ -341,7 +341,7 @@ $button-intents: (
   }
 
   .#{$ns}-dark & {
-    @include pt-dark-button-minimal();
+    @include pt-dark-button-minimal;
   }
 
   @each $intent, $colors in $button-intents {
@@ -494,7 +494,7 @@ $dark-minimal-active-text-colors: (
   }
 
   .#{$ns}-dark & {
-    @include pt-dark-button-outlined();
+    @include pt-dark-button-outlined;
   }
 
   @each $intent, $colors in $button-intents {

packages/core/src/components/callout/_callout.scss

@@ -9,7 +9,7 @@ $callout-header-margin-top: $pt-spacing * 0.5;
 $callout-padding-compact: $pt-spacing * 2;
 
 .#{$ns}-callout {
-  @include running-typography();
+  @include running-typography;
   border-radius: $pt-border-radius;
   padding: $callout-padding;
   position: relative;

packages/core/src/components/dialog/_dialog.scss

@@ -95,7 +95,7 @@ $dialog-header-padding: $pt-spacing;
   }
 
   .#{$ns}-heading {
-    @include overflow-ellipsis();
+    @include overflow-ellipsis;
     flex: 1 1 auto;
     line-height: inherit;
     margin: 0;

packages/core/src/components/drawer/_drawer.scss

@@ -205,7 +205,7 @@ $dark-drawer-background-color: $dark-gray3 !default;
   }
 
   .#{$ns}-heading {
-    @include overflow-ellipsis();
+    @include overflow-ellipsis;
     flex: 1 1 auto;
     line-height: inherit;
     margin: 0;