update doc

README.md

@@ -87,7 +87,7 @@ const StyledBox = styled("div", {
 
 ### Theme
 
-Create a config file anywhere you want.
+Create a config file anywhere you want. Currently `colors`, `spaces`, `sizes`, `fontSizes`, and `radii` tokens are supported.
 
 ```tsx
 export const config = defineConfig({

src/config.ts

@@ -1,10 +1,28 @@
 export type ConfigSchema = {
 	tokens?: {
-		[K in TokenKind]?: Record<string, TokensConfigValue>;
+		/**
+		 * tokens for color properties such as `color` or `backgroundColor`
+		 */
+		colors?: Record<string, TokensConfigValue>;
+		/**
+		 * Tokens for space properties such as `margin` or `gap`
+		 */
+		spaces?: Record<string, TokensConfigValue>;
+		/**
+		 * Tokens for size properties such as `width` or `height`
+		 */
+		sizes?: Record<string, TokensConfigValue>;
+		/**
+		 * Tokens for `fontSize` property
+		 */
+		fontSizes?: Record<string, TokensConfigValue>;
+		/**
+		 * Tokens for `borderRadius` property
+		 */
+		radii?: Record<string, TokensConfigValue>;
 	};
 };
 
-type TokenKind = "colors" | "spaces" | "sizes" | "fontSizes" | "radii";
 type TokensConfigValue = string;
 
 // biome-ignore lint/suspicious/noEmptyInterface: This is to be overridden in user's theme config.