Provide a general summary of the issue here

Hello, I was trying to copy & paste the code found here: Action Menu.

Everything works as expected except for the icon inside the button (RailIcon from @spectrum-icons/workflow/Rail package). While I was inspecting the styles applied to the svg element, I realized some CSS variables like --spectrum-alias-workflow-icon-size were not defined, which seems to be the root cause of the icon not being rendered properly.

Reproduction link

https://stackblitz.com/edit/vitejs-vite-egtquu?file=README.md

Screenshots

🤔 Expected Behavior?

Icons from @spectrum-icons/workflow to be rendered correctly.

😯 Current Behavior

Icons from @spectrum-icons/workflow are not displayed properly.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

Visit here: https://stackblitz.com/edit/vitejs-vite-egtquu?file=README.md

Version

"react-aria-components": "^1.0.0-beta.2"

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS Sonoma 14.0

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response