From 7f8fed44fdbe2418a1876f3e19b5741666b7caa9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <juderamond@gmail.com>
Date: Mon, 15 Jul 2024 23:10:14 +0200
Subject: [PATCH] Fix use of declarations after nested rules (deprecated in
 Sass 1.77.7) (#40623)

---
 scss/_modal.scss  | 2 +-
 scss/_reboot.scss | 2 +-
 scss/_type.scss   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 494db94e7e..ee58032ee8 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -59,8 +59,8 @@
 
   // When fading in the modal, animate it to slide down
   .modal.fade & {
-    @include transition($modal-transition);
     transform: $modal-fade-transform;
+    @include transition($modal-transition);
   }
   .modal.show & {
     transform: $modal-show-transform;
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 18791753d0..5e1665c358 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -499,9 +499,9 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: $legend-margin-bottom;
-  @include font-size($legend-font-size);
   font-weight: $legend-font-weight;
   line-height: inherit;
+  @include font-size($legend-font-size);
 
   + * {
     clear: left; // 2
diff --git a/scss/_type.scss b/scss/_type.scss
index 37d64bf89c..6961390f1e 100644
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -34,11 +34,11 @@
 // Type display classes
 @each $display, $font-size in $display-font-sizes {
   .display-#{$display} {
-    @include font-size($font-size);
     font-family: $display-font-family;
     font-style: $display-font-style;
     font-weight: $display-font-weight;
     line-height: $display-line-height;
+    @include font-size($font-size);
   }
 }