Warning fixes

Author: adamlaki

package-lock.json

@@ -21,18 +21,18 @@
     "date-fns": "^4.1.0",
     "del-cli": "^6.0.0",
     "dotenv": "^16.4.7",
-    "himalaya": "^1.1.0",
+    "himalaya": "^1.1.1",
     "html-minifier": "^4.0.0",
     "jsdom": "^26.0.0",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
     "npm-run-all": "^4.1.5",
     "pagefind": "^1.3.0",
-    "sass": "^1.85.1",
+    "sass": "^1.86.3",
     "semistandard": "^17.0.0",
     "slugify": "^1.6.6",
-    "sprucecss": "^2.3.3",
-    "stylelint": "^16.15.0",
+    "sprucecss": "^2.3.4",
+    "stylelint": "^16.18.0",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "stylelint-order": "^6.0.4"
   },

package.json

@@ -1,7 +1,7 @@
 {
   "name": "Spruce CSS",
   "url": "https://sprucecss.com",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "socials": [
     {
       "name": "GitHub",

src/_data/site.json

@@ -86,8 +86,8 @@
     }
 
     > div {
-      @include layout-stack('xs');
       overflow: hidden;
+      @include layout-stack('xs');
 
       * + h2,
       * + h3,

src/_includes/ui/scss/card/accordion.scss

@@ -1,9 +1,9 @@
 @use 'sprucecss/scss/spruce' as *;
 
 .number-card {
-  @include layout-stack('xs');
   border-bottom: 1px solid color('border');
   padding-block-end: spacer('l');
+  @include layout-stack('xs');
 
   &__data {
     color: color('primary');

src/_includes/ui/scss/card/number.scss

@@ -48,8 +48,8 @@
   }
 
   &__body {
-    @include layout-stack('s');
     padding: spacer-clamp('s', 'm');
+    @include layout-stack('s');
   }
 
   &__footer {

src/_includes/ui/scss/content-and-layout/modal.scss

@@ -38,9 +38,9 @@
   }
 
   &__order {
-    @include layout-stack('xs');
     margin-block-start: auto;
     padding-top: spacer('m');
+    @include layout-stack('xs');
 
     .form-group--submit {
       margin-block-start: spacer('m');

src/_includes/ui/scss/ecommerce/checkout.scss

@@ -12,8 +12,8 @@
 }
 
 .auth-form {
-  @include layout-stack('s');
   margin-block: auto;
+  @include layout-stack('s');
 
   &__social {
     @include layout-stack('s');

src/_includes/ui/scss/form/auth.scss

@@ -3,8 +3,8 @@
 .l-timeline {
   --size: 1.25em;
   --offset: calc(#{config('line-height-base', $typography, false) + 0em} / 6);
-  @include layout-stack('l');
   position: relative;
+  @include layout-stack('l');
 
   &::before {
     --inline-size: 0.15em;

src/_includes/ui/scss/list/timeline.scss

@@ -1148,10 +1148,10 @@ strong {
   background-color: var(--spruce-btn-color-primary-background-hover);
 }
 .form-file::file-selector-button {
+  margin-inline-end: 1rem;
   background-color: var(--spruce-btn-color-primary-background);
   border-color: var(--spruce-btn-color-primary-background);
   color: var(--spruce-btn-color-primary-foreground);
-  margin-inline-end: 1rem;
 }
 .form-file::file-selector-button:hover {
   background-color: var(--spruce-btn-color-primary-background-hover);
@@ -1461,12 +1461,12 @@ html[dir=rtl] select.form-control:not([multiple]):not([size]) {
 }
 
 fieldset {
-  --spruce-layout-gap: 1rem;
-  --spruce-legend-font-size: clamp(1rem, 5vw, 1.25rem);
-  --spruce-legend-font-weight: 700;
   border: 0;
   margin: 0;
   padding: 0;
+  --spruce-layout-gap: 1rem;
+  --spruce-legend-font-size: clamp(1rem, 5vw, 1.25rem);
+  --spruce-legend-font-weight: 700;
 }
 fieldset > * {
   margin-block-end: 0;
@@ -2559,10 +2559,10 @@ textarea.pagefind-ui__search-input {
   border-radius: var(--spruce-border-radius-sm);
 }
 .pagefind-ui__results {
+  padding-inline-end: 1.5rem;
   list-style: none;
   margin: 0;
   padding: 0;
-  padding-inline-end: 1.5rem;
 }
 .pagefind-ui__results > * {
   margin-block-end: 0;