Add Vite 5 to peer dependencies (#1240)

Co-authored-by: Mark Dalgleish <[email protected]>

Author: mrm007

.changeset/selfish-jeans-mate.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/vite-plugin': patch
+---
+
+Add Vite 5 to peer dependencies

packages/vite-plugin/package.json

@@ -24,6 +24,6 @@
     "vite": "npm:vite@^2.7.0"
   },
   "peerDependencies": {
-    "vite": "^2.2.3 || ^3.0.0 || ^4.0.3"
+    "vite": "^2.2.3 || ^3.0.0 || ^4.0.3 || ^5.0.0"
   }
 }

packages/vite-plugin/src/index.ts

@@ -12,7 +12,7 @@ import {
   CompileOptions,
   transform,
 } from '@vanilla-extract/integration';
-import { PostCSSConfigResult, resolvePostcssConfig } from './postcss';
+import { type PostCSSConfigResult, resolvePostcssConfig } from './postcss';
 
 const styleUpdateEvent = (fileId: string) =>
   `vanilla-extract-style-update:${fileId}`;

packages/vite-plugin/src/postcss.ts

@@ -1,10 +1,7 @@
+import type postcssrc from 'postcss-load-config';
 import type { ResolvedConfig } from 'vite';
-import type { ProcessOptions, Plugin } from 'postcss';
 
-export interface PostCSSConfigResult {
-  options: ProcessOptions;
-  plugins: Plugin[];
-}
+export type PostCSSConfigResult = Pick<postcssrc.Result, 'options' | 'plugins'>;
 
 // Mostly copied from vite's implementation
 // https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
@@ -34,7 +31,6 @@ export const resolvePostcssConfig = async (
 
       return {
         options: postCssConfig.options,
-        // @ts-expect-error - The postcssrc options don't agree with real postcss, but it should be ok
         plugins: postCssConfig.plugins,
       };
     } catch (e: any) {