feat: add unocss preset rem to px

package.json

@@ -52,6 +52,7 @@
     "@commitlint/config-conventional": "^17.6.7",
     "@iconify/json": "^2.2.95",
     "@iconify/vue": "^4.1.1",
+    "@unocss/preset-rem-to-px": "^0.54.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/compiler-sfc": "^3.3.4",
     "@zclzone/eslint-config": "^0.0.4",

unocss.config.js

@@ -1,4 +1,5 @@
 import { defineConfig, presetAttributify, presetUno } from 'unocss'
+import presetRemToPx from '@unocss/preset-rem-to-px'
 
 export default defineConfig({
   content: {
@@ -6,7 +7,7 @@ export default defineConfig({
       include: [/\.(vue|svelte|[jt]sx|mdx?|html)($|\?)/],
     },
   },
-  presets: [presetUno(), presetAttributify()],
+  presets: [presetUno(), presetAttributify(), presetRemToPx({ baseFontSize: 4 })],
   shortcuts: [
     ['wh-full', 'w-full h-full'],
     ['f-c-c', 'flex justify-center items-center'],