diff --git a/.browserslistrc b/.browserslistrc
new file mode 100644
index 000000000..57c5f4be2
--- /dev/null
+++ b/.browserslistrc
@@ -0,0 +1,2 @@
+defaults
+iOS >= 12
diff --git a/vite.config.ts b/vite.config.ts
index c92fbc243..bcb6cd833 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,8 @@
 import { defineConfig } from "vite";
 import vuePlugin from "@vitejs/plugin-vue";
 import legacy from "@vitejs/plugin-legacy";
+import { browserslistToTargets } from "lightningcss";
+import browserslist from "browserslist";
 import { visualizer } from "rollup-plugin-visualizer";
 import path from "path";
 
@@ -17,6 +19,7 @@ export default defineConfig({
     transformer: "lightningcss",
     lightningcss: {
       drafts: { customMedia: true },
+      targets: browserslistToTargets(browserslist()),
     },
   },
   build: {
@@ -36,7 +39,6 @@ export default defineConfig({
   },
   plugins: [
     legacy({
-      targets: ["defaults", "iOS >= 14"],
       modernPolyfills: ["es.promise.all-settled"],
     }),
     vuePlugin({