bug: Nav does not inherit the mode to page components

[sean-perkins]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• [X] v4.x
• [X] v5.x
• [X] v6.x
• [ ] Nightly

Current Behavior

When manually applying the mode to ion-nav, the resulting page components pushed into nav do not inherit the specified mode. Additionally, page transitions for the nav to not take into account the manually assigned mode.

This behavior has existed for a long time in Ionic. Changing this behavior should be consider a breaking change and handled during a major version of Ionic.

Split from: https://github.com/ionic-team/ionic-framework/issues/24264

Expected Behavior

When using <ion-nav mode="ios"></ion-nav> all page components that are pushed to the nav should default to the manually specified mode, ios. The resulting page transitions should also inherit the mode.

Steps to Reproduce

1. <ion-nav mode="ios"></ion-nav>
2. Preview in MD mode
3. Push a view
4. Observe: Page components are not iOS
5. Observe: Page transition is not iOS

Code Reproduction URL

No response

Ionic Info

N/A

Additional Information

No response