bug: sheet style modal should work with presenting element

### Prerequisites

- [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

Just mentioned this in the iOS native voice recording app:

The used sheet style modal works in combination with the `presentingElement` **AND** seems to have an option to define when this should start (or maybe automatically starts from the lowest breakpoint idk).

Currently when setting `presentingElement` on a Sheet Style Modal it's start from start and the modal seems to don't know what it is 😃 it appears to be buggy at dragging than.

### Expected Behavior

This Video is from the native ios voice recording app:

btw it also shows a good usage example of #23955

https://user-images.githubusercontent.com/20899975/137179864-18ff3f3e-0049-447e-92e0-0f65ae780f6a.mp4

### Steps to Reproduce

Just use the presenting Element on a Sheet Style Modal

### Code Reproduction URL

_No response_

### Ionic Info

_No response_

### Additional Information

_No response_

No implementation file, test, or reproduction URL is provided; start by reproducing the sheet-style modal with presentingElement on iOS. Compare its initial position and dragging behavior with the expected native sheet behavior shown in the linked video, and consider the issue done when presentingElement works without the reported drag bug.

Written by the indexing model from the issue text.