Add lighteningcss

Author: PuruVJ

pnpm-lock.yaml

@@ -17,7 +17,9 @@
 		"@sveltejs/site-kit": "6.0.0-next.26",
 		"@types/d3-geo": "^3.0.3",
 		"@types/node": "^20.4.9",
+		"browserslist": "^4.21.10",
 		"flexsearch": "^0.7.31",
+		"lightningcss": "^1.21.5",
 		"magic-string": "^0.30.2",
 		"marked": "^7.0.1",
 		"prism-svelte": "^0.5.0",

sites/kit.svelte.dev/package.json

@@ -1,4 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import browserslist from 'browserslist';
+import { browserslistToTargets } from 'lightningcss';
 import * as path from 'path';
 import { imagetools } from 'vite-imagetools';
 
@@ -7,11 +9,11 @@ const fallback = {
 	'.heif': 'jpg',
 	'.avif': 'png',
 	'.jpeg': 'jpg',
-	'.jpg':  'jpg',
-	'.png':  'png',
+	'.jpg': 'jpg',
+	'.png': 'png',
 	'.tiff': 'jpg',
 	'.webp': 'png',
-	'.gif':  'gif'
+	'.gif': 'gif'
 };
 
 /** @type {import('vite').UserConfig} */
@@ -20,6 +22,16 @@ const config = {
 
 	logLevel: 'info',
 
+	css: {
+		transformer: 'lightningcss',
+		lightningcss: {
+			targets: browserslistToTargets(browserslist(['>0.2%', 'not dead']))
+		}
+	},
+	build: {
+		cssMinify: 'lightningcss'
+	},
+
 	plugins: [
 		imagetools({
 			defaultDirectives: (url) => {