chore(dependencies): update yarn.lock with new CSS tools dependency versions

Author: imagine10255

.browserslistrc

@@ -0,0 +1,12 @@
+>0.3%
+not dead
+not op_mini all
+last 3 version
+Chrome >= 51
+Edge >= 15
+Safari >= 10
+Firefox >= 54
+Opera >= 38
+iOS >= 14
+Android >= 5
+not IE <= 11

package.json

@@ -69,6 +69,7 @@
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "@vitejs/plugin-react-swc": "3.8.1",
+    "autoprefixer": "^10.4.21",
     "cz-conventional-changelog": "3.3.0",
     "cz-customizable": "6.6.0",
     "eslint": "^9.19.0",
@@ -79,6 +80,8 @@
     "jest-environment-jsdom": "^29.5.0",
     "jest-styled-components": "7.2.0",
     "npm-run-all": "4.1.5",
+    "postcss": "^8.5.6",
+    "postcss-preset-env": "^10.2.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rollup-plugin-visualizer": "5.9.0",

postcss.config.js

@@ -0,0 +1,10 @@
+import postcssPresetEnv from "postcss-preset-env";
+
+export default {
+    plugins: [postcssPresetEnv({
+        autoprefixer: {
+            grid: true,
+            flexbox: true,
+        }
+    })]
+};

src/styles.scss

@@ -310,22 +310,6 @@ $directions: (
     }
 }
 
-// 自动流样式
-.grid-auto-flow {
-    grid-auto-flow: row !important;
-
-    &.grid-auto-flow-col {
-        grid-auto-flow: column !important;
-    }
-
-    &.grid-auto-flow-dense {
-        grid-auto-flow: row dense !important;
-    }
-
-    &.grid-auto-flow-col-dense {
-        grid-auto-flow: column dense !important;
-    }
-}
 
 // Flex 样式
 @each $direction in (row, column, row-reverse, column-reverse) {