RadioButtonGroup buggy focus handling arrow up/down in shadow dom

[DHFW]

Bug report

Accessibility issues with RadioButtonGroup inside shadow dom component, not respecting focus and arrow keys order.

Current Behavior

Using a RadioButtonGroup inside a shadow dom component, when tabbing into the RadioButtonGroup, the last radio button gets focused instead of the first.
If I then want to change the selected radio button with the arrow keys (both up/down, left/right) the order is unexpected and I'm not able to reach all radio buttons.

Expected behavior

When my app is not wrapped in a shadow dom, I don't have the buggy accessibility behavior.

Suggested solution

I see this PR?: #2712

Your environment

Software	Name(s)	Version
Radix Package(s)	"@radix-ui/react-radio-group"	"^1.2.1"
React	n/a	18.3.1
Browser	Chrome	131.0.6778.109 (Official build) (arm64)
Assistive tech	n/a
Node	n/a	20.11.0
npm/yarn		latest
Operating System	MacOS	14.6.1