Improve performance of focus selectors in v9

[ling1726]

The current data-keyboard-nav selector that is applied to the FluentProvider causes too much style recalclation each time the user's navigation mode changes (mouse/keyboard).

Below are results of the SelectorStats trace from edge://tracing which measures the time spent per-selector during the matching phase. The comparison was done by comparing selector stats for .fui-focus-visible (polyfill) vs the current [data-keyboard-nav] selector.

(Lower numbers are better)

[data-keyboard-nav] on provider root

time elapsed	fast reject count	match attempts	match count
2098	1120	23511	416

Tasks

• Create more localized focus selectors feat: improve focus selector perf with focus-visible and focus-within polyfill #24154
• core: create a chained selector with :global griffel#178 needs to be resolved so the .fui-FluentProvider does not need to be in the selector at all
• Use CSS.supports("selector(:focus-visible)") to check platform support and default to :focus-visible feat: use browser :focus-visible if supported #24195

[ling1726]

Blocked by: microsoft/keyborg#19

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.