refactor(theme): migrate and refactor type `CSSUtil` by `@ant-design/cssinjs-utils`

components/skeleton/style/index.ts

@@ -1,9 +1,13 @@
 import type { CSSObject } from '@ant-design/cssinjs';
 import { Keyframes, unit } from '@ant-design/cssinjs';
 
-import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
+import type {
+  FullToken,
+  GenerateStyle,
+  GetDefaultToken,
+  CSSUtil,
+} from '../../theme/internal';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
-import type { CSSUtil } from '../../theme/util/genComponentStyleHook';
 
 export type ComponentToken = {
   /** @deprecated use gradientFromColor instead. */

components/style/compact-item-vertical.ts

@@ -1,8 +1,12 @@
 /* eslint-disable import/prefer-default-export */
 import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
 
-import type { AliasToken, FullToken, OverrideComponent } from '../theme/internal';
-import type { CSSUtil } from '../theme/util/genComponentStyleHook';
+import type {
+  AliasToken,
+  FullToken,
+  OverrideComponent,
+  CSSUtil,
+} from '../theme/internal';
 
 function compactItemVerticalBorder(token: AliasToken & CSSUtil, parentCls: string): CSSObject {
   return {

components/style/compact-item.ts

@@ -1,8 +1,12 @@
 /* eslint-disable import/prefer-default-export */
 import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
 
-import type { AliasToken, FullToken, OverrideComponent } from '../theme/internal';
-import type { CSSUtil } from '../theme/util/genComponentStyleHook';
+import type {
+  AliasToken,
+  FullToken,
+  OverrideComponent,
+  CSSUtil,
+} from '../theme/internal';
 
 interface CompactItemOptions {
   focus?: boolean;

components/style/roundedArrow.ts

@@ -1,8 +1,7 @@
 /* eslint-disable import/prefer-default-export */
 import type { CSSObject } from '@ant-design/cssinjs';
 import { unit } from '@ant-design/cssinjs';
-import type { CSSUtil } from 'antd/es/theme/util/genComponentStyleHook';
-
+import type { CSSUtil } from '../theme/internal';
 import type { AliasToken } from '../theme/interface';
 
 export interface ArrowToken {

components/theme/internal.ts

@@ -24,6 +24,8 @@ import genPresetColor from './util/genPresetColor';
 import statisticToken, { merge as mergeToken } from './util/statistic';
 import useResetIconStyle from './util/useResetIconStyle';
 
+export type { CSSUtil } from '@ant-design/cssinjs-utils';
+
 export { DesignTokenContext, defaultConfig } from './context';
 export {
   PresetColors,

components/tree-select/style/index.ts

@@ -1,9 +1,14 @@
 import { unit } from '@ant-design/cssinjs';
 
 import { getStyle as getCheckboxStyle } from '../../checkbox/style';
-import type { AliasToken, FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
+import type {
+  AliasToken,
+  FullToken,
+  GenerateStyle,
+  GetDefaultToken,
+  CSSUtil,
+} from '../../theme/internal';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
-import type { CSSUtil } from '../../theme/util/genComponentStyleHook';
 import type { TreeSharedToken } from '../../tree/style';
 import { genTreeStyle, initComponentToken } from '../../tree/style';
 

components/tree/style/index.ts

@@ -4,9 +4,14 @@ import { Keyframes, unit } from '@ant-design/cssinjs';
 import { getStyle as getCheckboxStyle } from '../../checkbox/style';
 import { genFocusOutline, resetComponent } from '../../style';
 import { genCollapseMotion } from '../../style/motion';
-import type { AliasToken, DerivativeToken, FullToken, GetDefaultToken } from '../../theme/internal';
+import type {
+  AliasToken,
+  DerivativeToken,
+  FullToken,
+  GetDefaultToken,
+  CSSUtil,
+} from '../../theme/internal';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
-import type { CSSUtil } from '../../theme/util/genComponentStyleHook';
 
 export interface TreeSharedToken {
   /**