fix: always check for window.matchMedia support

closes #22059

Author: KaelWD

packages/vuetify/src/components/VSwitch/VSwitch.tsx

@@ -17,7 +17,7 @@ import { useProxiedModel } from '@/composables/proxiedModel'
 
 // Utilities
 import { ref, toRef, useId } from 'vue'
-import { filterInputAttrs, genericComponent, IN_BROWSER, propsFactory, useRender } from '@/util'
+import { filterInputAttrs, genericComponent, propsFactory, SUPPORTS_MATCH_MEDIA, useRender } from '@/util'
 
 // Types
 import type { ComputedRef, Ref } from 'vue'
@@ -81,7 +81,7 @@ export const VSwitch = genericComponent<new <T>(
     const { isFocused, focus, blur } = useFocus(props)
     const control = ref<VSelectionControl>()
     const inputRef = ref<VInput>()
-    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches
+    const isForcedColorsModeActive = SUPPORTS_MATCH_MEDIA && window.matchMedia('(forced-colors: active)').matches
 
     const loaderColor = toRef(() => {
       return typeof props.loading === 'string' && props.loading !== ''

packages/vuetify/src/composables/goto.ts

@@ -1,7 +1,7 @@
 // Utilities
 import { inject, toRef } from 'vue'
 import { useRtl } from './locale'
-import { clamp, consoleWarn, easingPatterns, mergeDeep, refElement } from '@/util'
+import { clamp, consoleWarn, easingPatterns, mergeDeep, PREFERS_REDUCED_MOTION, refElement } from '@/util'
 
 // Types
 import type { ComponentPublicInstance, InjectionKey, Ref } from 'vue'
@@ -81,7 +81,7 @@ export async function scrollTo (
   const container = options.container === 'parent' && target instanceof HTMLElement
     ? target.parentElement!
     : getContainer(options.container)
-  const ease = window.matchMedia('(prefers-reduced-motion: reduce)').matches ? options.patterns.instant
+  const ease = PREFERS_REDUCED_MOTION() ? options.patterns.instant
     : typeof options.easing === 'function' ? options.easing
     : options.patterns[options.easing]