fix(modal): backdropBreakpoint allows interactivity behind sheet

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: resolves #24797

backdropBreakpoint partially only worked by chance, so the moment we changed something related to backdrop, this broke. We did not catch it because our test coverage for interacting with the backdrop is pretty minimal.

1. We fixed a bug where the modal was not immediately capturing click events. This was to fix a change in behavior from Ionic 5 --> Ionic 6. In doing so, we made it so that developers can never click behind the modal which is a problem for the sheet modal.
2. Even after fixing that issue, the entering animation always adds pointer-events: none to the backdrop so you cannot accidentally dismiss the modal while it is entering. Because we call progressStart on the sheet animation, pointer-events: none was always added to the backdrop so you could never interact with it.
3. Finally, we needed to toggle pointer events on the host due to the changes in point 1.

What is the new behavior?

• When a backdrop is inactive in a sheet modal, users can now interact with content behind the modal.
• pointer-events: none on the entering animation is no longer applied with sheet modals where the backdrop is inactive.

Does this introduce a breaking change?

• Yes
• No

Other information