Theme.json styles not overriding core inline block styles

[WilliamLeeks]

Description

Styles added in theme.json are not overriding core block styles in some instances, especially when targeting nested elements. For instance, trying to colour the text of a cite within core/pullquote does not work when added to theme.json, due to the inline styles having higher specificity.

Step-by-step reproduction instructions

1. Install WP 6.6.2.
2. Add core/pullquote to page.
3. Use twentytwentyfour theme.
4. Add the following to the cite element under core/pullquote in theme.json styles:

"color": {
    "text": "red"
}

5. Refresh the page. The cite will still use inherit for its color value, as defined in core styles.

Screenshots, screen recording, code snippet

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

[Rishit30G]

Thanks for sharing the issue,
Curious to know if this issue still persists, as I cannot see the color: inherit in the wp-block-quote>cite

WordPress: 6.7.1
Gutenberg: 20.1.0
Theme: TT4