bug: component inherited attributes are not updated when changed dynamically

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

v6.x

### Current Behavior

Hello,

I'm working on accessibility in my app and I want to provide ARIA Invalid property to an ion-input dynamically (I'm using Angular with forms). First value is correctly provided to native input but there is no changes on native input when ARIA Invalid property updates.

### Expected Behavior

I wanted to know if it is possible to make it working or if there is a work around for my case.

### Steps to Reproduce

1. Create a page/component in Angular ;
2. Add an ion-input inside of it ;
3. Add ARIA Invalid property with a variable `[attr.aria-invalid]="invalid"` ;
4. Make possible to update `invalid` variable to update dynamically your input accessibility ;
5. You'll see that native input don't receive new value of aria-invalid.

### Code Reproduction URL

_No response_

### Ionic Info

Ionic:

Ionic CLI : 6.20.8 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.3.2
@angular-devkit/build-angular : 13.3.11
@angular-devkit/schematics : 14.2.2
@angular/cli : 13.1.4
@ionic/angular-toolkit : 7.0.0

Capacitor:

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

Utility:

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

System:

NodeJS : v16.19.1 (/Users/monchaninbenoit/.nvm/versions/node/v16.19.1/bin/node)
npm : 8.19.3
OS : macOS

### Additional Information

Don't worry to ask me for something !

Sorry for my bad english