fix(item): error slot visible in Safari

[sean-perkins]

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?

The error slot of the ion-item is never visible in Safari.

Issue Number: #24575

What is the new behavior?

Adjusts the style ordering so that the error slot display overrides correctly on all browser targets.

Does this introduce a breaking change?

• Yes
• No

Other information

You can verify this change by running the Core project:

• http://localhost:3333/src/components/item/test/bottom
• Toggle the "Toggle Error" control
• See that the error slot becomes visible

[averyjohnston]

LGTM 👍 I wonder if this'll fix some of the other error slot issues being reported too.

[sean-perkins]

@amandaesmith3 hopefully a few! Another active discussion is that implementers expect the error text to only display after the control has ben interacted with, instead of when the control is only invalid. This isn't initially how we designed the feature, so we would need to regroup on what this means and if there's a better API pattern that would allow customizing that default.