StyleProvider对于shadowdom场景，Image组件样式丢失

[AntiMoron]

Steps to reproduce

看样式

What is expected?

样式不要丢失

What is actually happening?

1. 创建了一个shadowroot
2. 把shadowroot提供给styleprovider
3. 这个provider包裹整个react-router的路由
4. 集成到页面的时候样式丢失

    // Create the shadow root
    const shadowRoot = container.attachShadow({ mode: 'open' }) as ShadowRoot;
    document.body.append(container);
    const root = ReactDOM.createRoot(shadowRoot);
    root.render(
      <RecoilRoot>
        <StyleProvider container={shadowRoot}>
          <Context.Provider value={{ targetRoot: shadowRoot }}>
            <div className={styles.mainContainer}>
              <Lancher conf={windowConf} shadowRoot={shadowRoot} />
            </div>
          </Context.Provider>
        </StyleProvider>
      </RecoilRoot>,
    );

Environment	Info
antd	5.17.2
React	18.2.0
System	macos 13.0 (22A380)
Browser	chrome 124.0.6367.207

[github-actions]

Hello @AntiMoron. Please provide a online reproduction by forking codesandbox of antd@5.x or antd@4.x, or provide a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @AntiMoron，我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击这里创建一个 antd@5.x 或 antd@4.x 的 codesandbox，或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

什么是最小化重现，为什么这是必需的？

[AntiMoron]

无视2楼，嘻！嘻！

[AntiMoron]

此问题在历史已Close Issue中也有提及：

#38911 (comment)

[AntiMoron]

呜呜