Flyouts opened from collapsed RibbonCollapsibleGroup show underneath group popup

### Describe the bug

In a ribbon collapsible group, when the group collapses and you try opening a flyout from an element inside that group, it'll slow the flyout underneath the group's own flyout

### Steps to reproduce

```text
Minimal repro can be found at https://github.com/IviriusMain/ToolkitRibbonIssue/blob/master/ToolkitRibbonIssue/MainWindow.xaml
```

### Expected behavior

Flyouts opened from within in a collapsed Ribbon flyout should show on *top* of the Ribbon's flyout, not underneath.

### Screenshots


### Code Platform

- [ ] UWP
- [ ] WinAppSDK / WinUI 3
- [ ] Web Assembly (WASM)
- [ ] Android
- [ ] iOS
- [ ] MacOS
- [ ] Linux / GTK

### Windows Build Number

- [ ] Windows 10 1809 (Build 17763)
- [ ] Windows 10 1903 (Build 18362)
- [ ] Windows 10 1909 (Build 18363)
- [ ] Windows 10 2004 (Build 19041)
- [ ] Windows 10 20H2 (Build 19042)
- [ ] Windows 10 21H1 (Build 19043)
- [ ] Windows 11 21H2 (Build 22000)
- [ ] Other (specify)

### Other Windows Build number

_No response_

### App minimum and target SDK version

- [ ] Windows 10, version 1809 (Build 17763)
- [ ] Windows 10, version 1903 (Build 18362)
- [ ] Windows 10, version 1909 (Build 18363)
- [ ] Windows 10, version 2004 (Build 19041)
- [ ] Other (specify)

### Other SDK version

_No response_

### Visual Studio Version

_No response_

### Visual Studio Build Number

_No response_

### Device form factor

_No response_

### Additional context

Originally reported by user `ivirius.software` [in the `#community-toolkit` channel](https://discord.com/channels/372137812037730304/669640275500466197/1383382457717620798) of the Windows App Community discord.

### Help us help you

No, I'm unable to contribute a solution.