Remove unnecessary reduce motion when `$enable-transition: false` (#30183)

diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss
index 8ce35a6b836cb212af9cc5045796fcc0adce419b..54983d736c59f6d135e14abcd4790211a8ced313 100644 (file)
--- a/scss/mixins/_transition.scss
+++ b/scss/mixins/_transition.scss
@@ -6,11 +6,11 @@
     } @else {
       transition: $transition;
     }
-  }
 
-  @if $enable-prefers-reduced-motion-media-query {
-    @media (prefers-reduced-motion: reduce) {
-      transition: none;
+    @if $enable-prefers-reduced-motion-media-query {
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
     }
   }
 }