Upgrade yarn from version 1.22.21 to 3.4.1

We’re running into a problem with the string-width dependency. A comment
from this GitHub issue suggests upgrading yarn to version 3.

storybookjs/storybook#22431

.github/workflows/ci-cd.yml

@@ -24,7 +24,7 @@ jobs:
         scope: '@RaspberryPiFoundation'
 
     - name: Install code
-      run: yarn install --frozen-lock-file
+      run: yarn install --immutable
       env:
         NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
@@ -50,7 +50,7 @@ jobs:
         scope: '@RaspberryPiFoundation'
 
     - name: Install code
-      run: yarn install --frozen-lock-file
+      run: yarn install --immutable
       env:
         NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
@@ -80,7 +80,7 @@ jobs:
         scope: '@RaspberryPiFoundation'
 
     - name: Install code
-      run: yarn install --frozen-lock-file
+      run: yarn install --immutable
       env:
         NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

.github/workflows/deploy.yml

@@ -117,7 +117,7 @@ jobs:
         scope: '@RaspberryPiFoundation'
 
     - name: Install code
-      run: yarn install --frozen-lock-file
+      run: yarn install --immutable
       env:
         NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

.gitignore

@@ -27,5 +27,7 @@ node_modules
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.yarn/cache
+.yarn/install-state.gz
 
 .vscode/settings.json

.yarnrc.yml

@@ -0,0 +1,5 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.4.1.cjs
+
+checksumBehavior: "update"

CHANGELOG.md

@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - Minor copy changes to HTML add file modal
 - Toggle errors sent via apiCallHandler off (#890)
+- Upgrade yarn to 3.4.1 to workaround a string-width issue
 
 ## [0.21.1] - 2024-01-11
 

package.json

@@ -80,7 +80,7 @@
   "scripts": {
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
-    "build:dev": "yarn install --force && yarn run build-storybook && node scripts/build.js",
+    "build:dev": "yarn install --check-cache && yarn run build-storybook && node scripts/build.js",
     "build-storybook": "cd ./storybook && yarn install && yarn run build-storybook -- -o ../public/storybook --loglevel warn",
     "lint": "eslint \"src/**/*.{js,jsx,json}\"",
     "lint:fix": "eslint --fix \"src/**/*.{js,jsx,json}\"",
@@ -246,5 +246,6 @@
       "jest-watch-typeahead/testname"
     ],
     "resetMocks": true
-  }
+  },
+  "packageManager": "[email protected]"
 }

storybook/package.json

@@ -11,16 +11,16 @@
     "@storybook/addon-actions": "6.5.10",
     "@storybook/addon-essentials": "6.5.10",
     "@storybook/addon-interactions": "6.5.10",
-    "@storybook/builder-webpack4": "6.5.10",
-    "@storybook/manager-webpack4": "6.5.10",
-    "@storybook/mdx2-csf": "0.0.3",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "6.5.10",
     "@storybook/blocks": "^7.5.3",
+    "@storybook/builder-webpack4": "6.5.10",
     "@storybook/channels": "^7.5.3",
     "@storybook/components": "^7.5.3",
     "@storybook/core-events": "^7.5.3",
+    "@storybook/manager-webpack4": "6.5.10",
+    "@storybook/mdx2-csf": "0.0.3",
+    "@storybook/preset-scss": "^1.0.3",
     "@storybook/preview-api": "^7.5.3",
+    "@storybook/react": "6.5.10",
     "@storybook/theming": "^7.5.3",
     "css-loader": "^5.2.6",
     "i18next": "^23.7.6",