fix(modal): dialog styles work on old chrome versions

[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)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• 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 #26745

We used a complex :not selector to fix an issue noted in #25689. The better solution was to use ion-modal > .ion-page. However, at the time of #25689 there was a bug where .ion-page was mounted multiple times with inline modals in Ionic Angular. This bug no longer reproduces in the Angular playgrounds: https://ionicframework.com/docs/api/modal#custom-dialogs

What is the new behavior?

• Custom dialog styles now use ion-modal > .ion-page to target the immediate child of the modal.

Note: I am merging this into feature-6.6 to de-risk this. I tested this, and it works correctly on the custom dialog playgrounds.

Dev Build: 6.5.3-dev.11675782754.10ad7d4a

Does this introduce a breaking change?

• Yes
• No

Other information

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.