docs: refine CSS Modules type (#222)

thescientist13 · web-flow · commit 846b5dee747f · 2025-09-14T08:35:21.000-04:00
diff --git a/src/pages/docs/plugins/css-modules.md b/src/pages/docs/plugins/css-modules.md
@@ -158,7 +158,7 @@ To support typing of `.module.css` imports, you can add this type definition to
 
 ```ts
 declare module "*.module.css" {
-  const styles: { [className: string]: string };
+  const styles: Readonly<Record<string, string>>;
   export default styles;
 }
 ```

Original file line number	Diff line number	Diff line change
@@ -158,7 +158,7 @@ To support typing of `.module.css` imports, you can add this type definition to
`158`	`158`
`159`	`159`	```ts
`160`	`160`	`declare module "*.module.css" {`
`161`		`- const styles: { [className: string]: string };`
	`161`	`+ const styles: Readonly<Record<string, string>>;`
`162`	`162`	`export default styles;`
`163`	`163`	`}`
`164`	`164`	```