feat: use yarn v4

Author: phoenisx

.gitignore

@@ -8,3 +8,4 @@ yarn-error.log
 coverage/
 .env
 temp
+.yarn

.yarnrc

@@ -0,0 +1 @@
+nodeLinker: node-modules

.yarnrc.yml

@@ -2,4 +2,5 @@
   "[css]" : {
     "editor.suggest.showVariables": true
   },
+  "cssvar.disableSort": true
 }

examples/basics/.vscode/settings.json

@@ -9,6 +9,14 @@
   --color-purple-500-alpha: hsla(277.32, 70.17%, 35.49%, 0.67);
 
   --color-1: #78BA50;
+
+  --gray-1: #111;
+  --gray-2: #121212;
+  --gray-3: #222;
+  --gray-4: #232323;
+  --gray-5: #333;
+  --gray-10: #999;
+  --gray-11: #9c9c9c;
 }
 
 :body {

examples/basics/global.css

@@ -15,4 +15,5 @@ body {
   width: var(--container-size);
   padding: var(--container-padding);
   background-color: var(--test-custom-selector);
+  color: --gray
 }

examples/basics/local.css

@@ -470,5 +470,6 @@
 		"*.{ts,tsx}": [
 			"npm run lint:fix"
 		]
-	}
+	},
+	"packageManager": "[email protected]"
 }