prettify typography generated code

libs/@guardian/source-foundations/package.json

@@ -32,6 +32,7 @@
 		"@emotion/react": "11.11.1",
 		"@guardian/design-tokens": "workspace:*",
 		"lightningcss": "1.24.0",
+		"prettier": "3.2.5",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
 		"rollup": "4.17.2",

libs/@guardian/source-foundations/scripts/build-type-presets.ts

@@ -1,5 +1,7 @@
 import fs from 'node:fs';
 import { typography, typographyPresets } from '@guardian/design-tokens';
+import prettierConfig from '@guardian/prettier';
+import { format } from 'prettier';
 import { fontArrayToString, pxStringToRem } from '../src/utils/convert-value';
 
 const STRIP_WHITESPACE = /^\s+/gm;
@@ -61,6 +63,17 @@ const object = Object.entries(typographyPresets)
 	.join('')
 	.replace(STRIP_TABS, '');
 
-fs.writeFileSync(cssOutputPath, banner + css);
-fs.writeFileSync(objectOutputPath, banner + object);
-console.log(`✓ ${presetTotal} presets built`);
+void (async () => {
+	fs.writeFileSync(
+		cssOutputPath,
+		await format(banner + css, { filepath: cssOutputPath, ...prettierConfig }),
+	);
+	fs.writeFileSync(
+		objectOutputPath,
+		await format(banner + object, {
+			filepath: objectOutputPath,
+			...prettierConfig,
+		}),
+	);
+	console.log(`✓ ${presetTotal} presets built`);
+})();