fix: add StyleProvider for css (#2666)

Author: Chasen-Zhang

src/css/custom.scss

@@ -372,25 +372,6 @@ textarea {
   display: flex;
   width: 100%;
 }
-.ant-btn {
-  font-size: 14px;
-  height: 32px;
-  padding: 0px 15px;
-  border-radius: 6px;
-  outline: none;
-  position: relative;
-  display: inline-flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  text-align: center;
-  background-image: none;
-  cursor: pointer;
-  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  user-select: none;
-  touch-action: manipulation;
-}
 
 .ant-dropdown .ant-dropdown-menu {
   background-color: var(--color-bg-1);

src/theme/DocRoot/index.tsx

@@ -12,7 +12,8 @@ import DocRootLayout from "@theme/DocRoot/Layout";
 import NotFoundContent from "@theme/NotFound/Content";
 import type { Props } from "@theme/DocRoot";
 import styles from "./style.module.scss";
-
+import { StyleProvider, createCache } from "@ant-design/cssinjs";
+const cache = createCache();
 export default function DocRoot(props: Props): ReactNode {
   const currentDocRouteMetadata = useDocRootMetadata(props);
   if (!currentDocRouteMetadata) {
@@ -22,12 +23,14 @@ export default function DocRoot(props: Props): ReactNode {
   }
   const { docElement, sidebarName, sidebarItems } = currentDocRouteMetadata;
   return (
-    <HtmlClassNameProvider className={clsx(ThemeClassNames.page.docsDocPage)}>
-      <div className={styles.fakeBg}></div>
-      <div className={styles.cell}></div>
-      <DocsSidebarProvider name={sidebarName} items={sidebarItems}>
-        <DocRootLayout>{docElement}</DocRootLayout>
-      </DocsSidebarProvider>
-    </HtmlClassNameProvider>
+    <StyleProvider hashPriority="high" cache={cache}>
+      <HtmlClassNameProvider className={clsx(ThemeClassNames.page.docsDocPage)}>
+        <div className={styles.fakeBg}></div>
+        <div className={styles.cell}></div>
+        <DocsSidebarProvider name={sidebarName} items={sidebarItems}>
+          <DocRootLayout>{docElement}</DocRootLayout>
+        </DocsSidebarProvider>
+      </HtmlClassNameProvider>
+    </StyleProvider>
   );
 }