fix: Button font and S2 dark mode

[devongovett]

Fixes regressions caused by bumping the browserslist.

v3 Button font family was incorrect due to CSS nesting no longer being compiled. The composes property must be at the top, before any nested rules.

S2 dark mode was broken due to no longer compiling the light-dark() function. Some CSS was assuming we were using lightningcss's compiled version.

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[snowystinger]

When I go to the home page for react spectrum in the s2 docs, all the examples are now in light mode for me, but in production, they are in dark mode, like the rest of my app

I think @reidbarber theme switcher relied on the variables too?

wrong button

[devongovett]

@snowystinger good catch. The behavior here is a little weird, but I found the PR that added it: #6897. Updated to use a variable so that it continues to inherit the value set by page.css as well.

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[snowystinger]

Hmmm the S2 docs home page still isn't reacting to the theme switcher. It's now in the correct initial theme based on my system settings, but clicking the theme switcher won't change most of them.

[devongovett]

good catch again

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[rspbot]

## API Changes

@internationalized/date

/@internationalized/date:DateValue

-DateValue {
-  D: undefined
-}

---

@react-spectrum/toast

/@react-spectrum/toast:CloseFunction

-CloseFunction {
-  C: undefined
-}

---

@react-stately/data

/@react-stately/data:AsyncListLoadFunction

-AsyncListLoadFunction {
-  A: undefined
-}

/@react-stately/data:AsyncListLoadOptions

-AsyncListLoadOptions <C, T> {
-  cursor?: C
-  filterText?: string
-  items: Array<T>
-  loadingState?: LoadingState
-  selectedKeys: Selection
-  signal: AbortSignal
-  sortDescriptor?: SortDescriptor
-}

/@react-stately/data:AsyncListStateUpdate

-AsyncListStateUpdate <C, T> {
-  cursor?: C
-  filterText?: string
-  items: Iterable<T>
-  selectedKeys?: Iterable<Key>
-  sortDescriptor?: SortDescriptor
-}

---