bug: swiping a menu under a partially open sheet modal does not work

### Prequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

- [ ] v4.x
- [ ] v5.x
- [X] v6.x

### Current Behavior

For some reason, I can't use ion-menu and ion-modal together. When I click on the icon to open the menu, the ion-modal disappears. In addition to the ion-modal disappearing, from that moment on the menu behavior is strange, it no longer closes by dragging with the touch, it only closes by clicking on the outside.

### Expected Behavior

That ion-modal doesn't disappear when I use ion-menu and that ion-menu works correctly (drag-to-close effect).

### Steps to Reproduce

https://drive.google.com/file/d/17j1MMEjsOP4RPoQMtlOzoyVzf576a6Zq/view

### Code Reproduction URL

https://github.com/guilhermeagirardi/ionic-issue-code-reproduction

### Ionic Info

$ ionic info
[WARN] You are not in an Ionic project directory. Project context may be missing.

Ionic:

Ionic CLI : 6.17.1

Utility:

cordova-res : 0.15.3
native-run : 1.3.0

System:

NodeJS : v14.17.6
npm : 7.16.0
OS : Windows 10

### Additional Information

_No response_