Describe the bug

Icons on selected tabs don't inherit the primary color as the text and the bottom border (box-shadow) do. Not 100% sure if this is a bug or the expected behaviour, but it feels a bit unnatural.

Environment and versions

• EUI version: 84.0.0
• React version: 17
• Kibana version (if applicable):
• Browser: Google Chrome (Version 114.0.5735.198 (Official Build) (arm64))
• Operating System: Mac OS Ventura 3.14

To Reproduce

Steps to reproduce the behavior:

1. Set up a tabs component where the tabs use icons
2. Click on any tab with an icon
3. Check that the icon color doesn't change accordingly

Expected behavior

The icon on selected tabs uses the primary color as the text and the bottom border (box-shadow) do.

Minimum reproducible sandbox

https://codesandbox.io/s/gr57c3?file=/demo.js