Add skew transformations to rules and update matrix3d syntax

Author: 1aron

packages/core/src/config/rules.ts

@@ -644,6 +644,15 @@ const rules = {
     'rotate3d()': {
         declarations: ['transform']
     },
+    'skew()': {
+        declarations: ['transform']
+    },
+    'skewX()': {
+        declarations: ['transform']
+    },
+    'skewY()': {
+        declarations: ['transform']
+    },
     'perspective()': {
         declarations: ['transform']
     },

site/app/[locale]/reference/transform/content.mdx

@@ -1,12 +1,12 @@
 ## Overview [sr-only]
 <Overview/>
 
-### Translate
+{/* ### Translate
 ### Scale
 ### Skew
 ### Rotate
 ### Perspective
-### Matrix
+### Matrix */}
 
 ### Apply conditionally
 Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).

site/app/[locale]/reference/transform/syntaxes.ts

@@ -21,7 +21,7 @@ const syntaxes = [
     ['rotateZ(`value`)'],
     ['perspective(`value`)'],
     ['matrix(`a`,`b`,`c`,`d`,`x`,`y`)'],
-    ['matrix3d(`a1`,`b1`,`c1`,`d1`,`a2`,`b2`,`c2`,`d2`,`a3`,`b3`,`c3`,`d3`,`a4`,`b4`,`c4`,`d4`)'],
+    ['matrix3d(`a1`,`b1`,`c1`,`d1`)'],
 ]
 
 export default syntaxes