fix(#3625): Accordion Refinements

[willcodeforcoffee]

Before (the change)

Accordion is all unrefined and gross. 🤢

After (the change)

Fixed all discrepancies from issue #3625.

• Large heading Accordion is 64px tall
• Small heading Accordion is 48px tall
• After size adjustments above:
  • the small heading text is vertically centered for
    • primary text
    • secondary text
  • large heading secondary text is vertically centered
• Ensure other slotted elements are still vertically centered after update
• Add motion tokens to animate the following:
  • "hover" - Background transform from white to grey use --goa-motion-duration-short-2
  • "open" - Show accordion content area use --goa-motion-curve-expressive and --goa-motionDuration-short-3
  • "close" - Hide accordion content area, use --goa-motion-curve-expressive-exit and --goa-motionDuration-short-3

😭🎺😭 Notes and sad trombones 😭🎺😭

• This PR requires the design-tokens eric/3625-accordion-refinements branch to work.

Make sure that you've checked the boxes below before you submit the PR

• I have read and followed the setup steps
• I have created necessary unit tests
• I have tested the functionality in both React and Angular.

Steps needed to test

Make sure you check out the eric/3625-accordion-refinements branch from design-tokens and update package.json devDependencies to use it:

"@abgov/design-tokens": "file://../design-tokens",
"@abgov/design-tokens-v2": "npm:@abgov/design-tokens@2.2.1",

Run npm i after making the change.

This PR will close Issue #3625

[Spark450]

Lets use --goa-motionDuration-short-2 to align more closely with the "short-2" we are using for other similar elements.

[netlify]

✅ Deploy Preview for benji-docs-previews ready!

Name	Link
🔨 Latest commit	6053134
🔍 Latest deploy log	https://app.netlify.com/projects/benji-docs-previews/deploys/69d978d2fb0dcc0008d6bfa8
😎 Deploy Preview	https://deploy-preview-3766--benji-docs-previews.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.