bug: iOS 17.5, animation flicker

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/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

v8.x

### Current Behavior

Elements flicker when opening and closing the modal.
It only occurs irregularly. In Chroma, Safari and iOS simulator.

https://github.com/ionic-team/ionic-framework/assets/12500071/94031afb-48aa-4aed-abde-7f20ffa413dc

https://github.com/ionic-team/ionic-framework/assets/12500071/bbb57e20-6d29-4190-9d34-c6a30e562514

### Expected Behavior

No flicker expected.

### Steps to Reproduce

1. Clone this repo: https://github.com/moerphie/ionic-flicker-bug
3. yarn install && yarn run build
4. Launch iOS Simulator and open/dismiss modal

### Code Reproduction URL

https://github.com/moerphie/ionic-flicker-bug

### Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.2.2

Capacitor:

Capacitor CLI : 6.1.0
@capacitor/android : not installed
@capacitor/core : 6.1.0
@capacitor/ios : 6.1.0

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v20.15.0 (/usr/local/bin/node)
npm : 10.7.0
OS : macOS 14.5

### Additional Information

```
ionic capacitor run ios
❯ iPhone 15 (simulator) (817E61FD-2527-4064-B811-4AEA8A399AC4)
```

Follow up of a closed issue from last year [#28467](https://github.com/ionic-team/ionic-framework/issues/28467)