Bump @capsizecss/metrics to 3.4.0 for Geist Google Font (#72746)

### Why?

`next/font` depends on the Google Fonts metrics from the
`@capsizecss/metrics`. Added support for Geist at
seek-oss/capsize#217, so we update version.

### How?

- Bump `@capsizecss/metrics` to 3.4.0
- Update the test to match the metrics.

#### Bonus

- Modified the test to use `.toMatchInlineSnapshot` to identify and
update future changes more easily.

### RFC

The `@capsizecss` team is planning to [automate the updating
process](seek-oss/capsize#217 (review)).
Should we continue to depend on them or replace them with our custom
script to fetch Google Font API (requires API key)?

x-ref: #47115
x-ref: [Twitter
Feedback](https://x.com/illyism/status/1855500917589602706)

Author: devjiwonchoi

packages/next/package.json

@@ -152,7 +152,7 @@
     "@babel/runtime": "7.22.5",
     "@babel/traverse": "7.22.5",
     "@babel/types": "7.22.5",
-    "@capsizecss/metrics": "3.2.0",
+    "@capsizecss/metrics": "3.4.0",
     "@edge-runtime/cookies": "5.0.0",
     "@edge-runtime/ponyfill": "3.0.0",
     "@edge-runtime/primitives": "5.1.1",

pnpm-lock.yaml

@@ -38,22 +38,22 @@ describe('next/font/google fetch error', () => {
       const ascentOverride = await browser.eval(
         'Array.from(document.fonts.values()).find(font => font.family.includes("Inter Fallback")).ascentOverride'
       )
-      expect(ascentOverride).toBe('90.49%')
+      expect(ascentOverride).toMatchInlineSnapshot(`"90.44%"`)
 
       const descentOverride = await browser.eval(
         'Array.from(document.fonts.values()).find(font => font.family.includes("Inter Fallback")).descentOverride'
       )
-      expect(descentOverride).toBe('22.56%')
+      expect(descentOverride).toMatchInlineSnapshot(`"22.52%"`)
 
       const lineGapOverride = await browser.eval(
         'Array.from(document.fonts.values()).find(font => font.family.includes("Inter Fallback")).lineGapOverride'
       )
-      expect(lineGapOverride).toBe('0%')
+      expect(lineGapOverride).toMatchInlineSnapshot(`"0%"`)
 
       const sizeAdjust = await browser.eval(
         'Array.from(document.fonts.values()).find(font => font.family.includes("Inter Fallback")).sizeAdjust'
       )
-      expect(sizeAdjust).toBe('107.06%')
+      expect(sizeAdjust).toMatchInlineSnapshot(`"107.12%"`)
 
       expect(next.cliOutput.slice(outputIndex)).toInclude(
         'Failed to download `Inter` from Google Fonts. Using fallback font instead.'