diff --git a/theme/openprops/index.css b/theme/openprops/index.css
index 9f05044..052a237 100644
--- a/theme/openprops/index.css
+++ b/theme/openprops/index.css
@@ -1,2 +1,2 @@
-@import url('open-props.min.css') /* layer(--theme) */;
-@import url('system-open-props.css') /* layer(--theme) */;
+@import url('open-props.min.css') layer(--theme);
+@import url('system-open-props.css') layer(--theme);
diff --git a/vite.config.js b/vite.config.js
index 221e520..d786522 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -5,6 +5,7 @@ export default defineConfig({
 	base: '/system.css/',
 	build: {
 		minify: false,
+		target: ['esnext', 'safari17', 'firefox124', 'chrome117'],
 		rollupOptions: {
 			input: {
 				main: resolve(__dirname, 'index.html'),