Fix code block text rendering larger on iOS

- Configure PostCSS to prefix text-size-adjust and others

Author: mcecode

astro.config.ts

@@ -25,6 +25,7 @@ import { walk as walkJS } from "estree-walker";
 import findCacheDirectory from "find-cache-directory";
 import gifsicle from "gifsicle";
 import { customAlphabet } from "nanoid";
+import postcssPresetPlugin from "postcss-preset-env";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import rehypeClassNames from "rehype-class-names";
 import rehypeExternalLinks from "rehype-external-links";
@@ -461,7 +462,11 @@ export default defineConfig({
 	},
 	integrations: [mdx(), optimizeMediaIntegration, compress({ Image: false })],
 	vite: {
-		css: { preprocessorOptions: { scss } },
+		build: { minify: false },
+		css: {
+			preprocessorOptions: { scss },
+			postcss: { plugins: [postcssPresetPlugin()] },
+		},
 		plugins: [generateIdsPlugin],
 	},
 });

package.json

@@ -23,6 +23,7 @@
 		"find-cache-directory": "^6.0.0",
 		"gifsicle": "^7.0.1",
 		"nanoid": "^5.1.6",
+		"postcss-preset-env": "^10.5.0",
 		"prettier": "^3.7.4",
 		"prettier-plugin-astro": "^0.14.1",
 		"rehype-autolink-headings": "^7.1.0",