Apply smooth-scroll when `prefers-reduced-motion: no-preference` (#31877)

* feat(reboot): apply smooth-scroll when not prefers-reduced-motion

* docs(migration): mention scroll-behavior in alpha3

* docs(accessibility): mention scroll-behavior in reduced motion section

* docs(accessibility): rewording smooth scroll sentence

* feat(variable): introduce enable-smooth-scroll variable

* docs(accessibility): reword smooth-scroll sentence

Co-authored-by: XhmikosR <[email protected]>

1 files changed, 6 insertions, 0 deletions

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 223adfd86..e144c9bf7 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -27,6 +27,12 @@
 
 :root {
   font-size: $font-size-root;
+
+  @if $enable-smooth-scroll {
+    @media (prefers-reduced-motion: no-preference) {
+      scroll-behavior: smooth;
+    }
+  }
 }