Placeholder for transitions reset to prevent code duplication… (#29870)

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>

scss/_reboot.scss

@@ -583,3 +583,14 @@ main {
 [hidden] {
   display: none !important;
 }
+
+// Placeholder used to reset transitions, when user prefers reduced motion
+
+@if $enable-prefers-reduced-motion-media-query {
+  @media (prefers-reduced-motion: reduce) {
+    %no-transition {
+      // stylelint-disable-next-line property-blacklist
+      transition: none !important;
+    }
+  }
+}