diff --git a/packages/css/src/config/index.ts b/packages/css/src/config/index.ts
index 41a32af53..f56ebde30 100644
--- a/packages/css/src/config/index.ts
+++ b/packages/css/src/config/index.ts
@@ -36,17 +36,17 @@ export {
     variables
 }
 
-
+type MasterCSSDeclarations = CSSDeclarations | { [key: string]: number }
 export type VariableValue = number | string | Array<number | string>
 export type VariableDefinition = { [key in '' | `@${string}`]?: VariableValue } & { [key: string]: VariableValue | VariableDefinition }
-export type AnimationDefinition = { [key in 'from' | 'to']?: CSSDeclarations } & { [key: string]: CSSDeclarations }
+export type AnimationDefinition = { [key in 'from' | 'to']?: MasterCSSDeclarations } & { [key: string]: MasterCSSDeclarations }
 export type AnimationDefinitions = { [key: string]: AnimationDefinition }
 export type SelectorDefinitions = { [key: string]: string | string[] | SelectorDefinitions }
 export type MediaQueryDefinitions = { [key: string]: number | string | MediaQueryDefinitions }
 export type StyleDefinitions = { [key: string]: string | StyleDefinitions }
 export type RuleDefinitions = { [key in keyof typeof rules | string]?: RuleDefinition }
 export type VariableDefinitions = { [key in keyof typeof rules]?: VariableDefinition } & { [key: string]: VariableDefinition | VariableValue }
-export type SemanticDefinitions = { [key in keyof typeof semantics]?: CSSDeclarations } & { [key: string]: CSSDeclarations }
+export type SemanticDefinitions = { [key in keyof typeof semantics]?: MasterCSSDeclarations } & { [key: string]: MasterCSSDeclarations }
 export interface FunctionDefinition {
     unit?: string
     colored?: boolean
@@ -69,4 +69,4 @@ export interface Config {
     functions?: FunctionDefinitions,
     animations?: AnimationDefinitions
     themeDriver?: 'class' | 'media' | 'host'
-}
+}
\ No newline at end of file