chore: add ESM build to icon fonts and refactor the icon docs page

.github/workflows/deploy.yml

@@ -10,7 +10,11 @@ jobs:
   deploy-docs:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - name: Install Node 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
       - run: npm ci && npm run bootstrap
       - name: Set build directory and deployment path based on branch
         id: set-build-dir

.github/workflows/preview.yml

@@ -14,6 +14,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+      - name: Install Node 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
       - name: Npm install and bootstrap
         run: npm ci && npm run bootstrap
         if: github.event.action != 'closed' # don't run install and bootstrap unnecessarily when pr is closed

docs/patterns/UsingIcons.md

@@ -21,7 +21,7 @@ type: example
 
 ### Line vs Solid
 
-The default choice for iconography is the `Line` version. However, when an icon appears on a dark or colored background, the `Solid` version should be used.
+The default choice for icons are the `Line` version. However, when an icon appears on a dark or colored background, the `Solid` version should be used.
 
 ```js
 ---