[Bug]: Fluent v8 icons do not work with Shadow DOM

[spmonahan]

Library

React / v8 (@fluentui/react)

System Info

n/a

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/icons-in-shadow-dom-fluent-v8-om81du

Bug Description

Actual Behavior

When rendering an icon in a shadow root no styles are applied. Locally, in Storybook, the icons themselves do not render.

Expected Behavior

Styles should be applied.

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.