Add RTL direction support to styles using postcss & rtlcss

vite.config.js

@@ -2,6 +2,9 @@ import legacy from "@vitejs/plugin-legacy"
 import vue from "@vitejs/plugin-vue"
 import { defineConfig } from "vite"
 
+const postCssScss = require("postcss-scss")
+const postcssRTLCSS = require('postcss-rtlcss');
+
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [
@@ -10,5 +13,12 @@ export default defineConfig({
             targets: ["ie > 11"],
             additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
         })
-    ]
+    ],
+    css: {
+        postcss: {
+            "parser": postCssScss,
+            "map": false,
+            "plugins": [postcssRTLCSS]
+        }
+      },
 })