chore: use Node 18 & Yarn v4 (#468)

.github/workflows/bundle-size.yml

@@ -9,14 +9,14 @@ jobs:
   bundle-size:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Derive appropriate SHAs for base and head for `nx affected` commands
         uses: nrwl/nx-set-shas@v3
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           cache: yarn
           node-version: '18'

.github/workflows/ci-change.yml

@@ -7,12 +7,12 @@ jobs:
     runs-on: ubuntu-latest
     if: ${{ github.event_name == 'pull_request' }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: '16'
+          node-version: '18'
 
       - run: npx beachball check --changehint "Run 'yarn change' to generate a change file"

.github/workflows/ci.yml

@@ -9,17 +9,17 @@ jobs:
   main:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Derive appropriate SHAs for base and head for `nx affected` commands
         uses: nrwl/nx-set-shas@v2
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           cache: 'yarn'
-          node-version: '16'
+          node-version: '18'
 
       - run: yarn install --immutable
       - run: yarn check-dependencies

.github/workflows/deploy.yml

@@ -13,12 +13,12 @@ jobs:
     if: ${{ contains(github.event.head_commit.message, 'applying package updates') || github.event_name == 'workflow_dispatch' }}
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           cache: 'yarn'
-          node-version: '16'
+          node-version: '18'
 
       - run: yarn install --immutable
       - run: yarn nx run-many --target=build --projects=@griffel/website --parallel --max-parallel=3

.github/workflows/extension.yml

@@ -17,7 +17,7 @@ jobs:
       status: ${{ steps.verify-extension-changed.outputs.any_changed }}
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Verify extension has changed
         uses: tj-actions/[email protected]
@@ -32,12 +32,12 @@ jobs:
     if: ${{ needs.check.outputs.status == 'true' || github.event_name == 'workflow_dispatch' }}
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           cache: 'yarn'
-          node-version: '16'
+          node-version: '18'
 
       - run: yarn install --immutable
       - run: yarn nx run-many --target=build --projects=@griffel/devtools --parallel --max-parallel=3

.yarnrc.yml

@@ -1,3 +1,7 @@
+compressionLevel: mixed
+
+enableGlobalCache: false
+
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.2.1.cjs
+yarnPath: .yarn/releases/yarn-4.0.2.cjs

azure-pipelines.yml

@@ -41,22 +41,22 @@ extends:
               - script: |
                   echo "##vso[task.setvariable variable=shellopts]braceexpand:hashall:interactive-comments:errexit:errtrace"
                 displayName: Force exit on error (bash)
-         
+
               - task: NodeTool@0
                 inputs:
-                  versionSpec: '16.x'
+                  versionSpec: '18.x'
                   checkLatest: true
                 displayName: 'Install Node.js'
-         
+
               - script: yarn install --frozen-lockfile
                 displayName: Install dependencies
-         
+
               - script: |
                   git config user.name "Fluent UI Build"
                   git config user.email "[email protected]"
                   git remote set-url origin https://$(githubUser):$(githubPAT)@github.com/microsoft/griffel.git
                 displayName: Authenticate git for pushes
-         
+
               - script: |
                   yarn beachball publish -b origin/main --access public -y -n $(npmToken)
                   git reset --hard origin/main

package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "https://github.com/microsoft/griffel"
   },
-  "packageManager": "yarn@3.1.1",
+  "packageManager": "yarn@4.0.2",
   "nano-staged": {
     "**/*.{js,json,ts,tsx}": "prettier --write",
     "**/*.{md}": "doctoc -u"