feat(tokens): L3-12650 align spacing tokens with design docs

[DaveMcNamara]

Jira ticket

L3-12650

Figma link

Figma Link

Summary

The design system spacing tokens differ quite a bit from the ones here, Seldon needs to be updated to match. Some values we previously used are no longer available.

This is a blocker for some My Account FE work, which is just waiting for the appropriate tokens to be available. First we have to make sure the spacing updates in this PR are acceptable.

Things to look for during review

• PR title should correctly describe the most significant type of commit. I.e. feat(scope): ... if a minor release should be triggered.
• All commit messages follow convention and are appropriate for the changes
• All references to phillips class prefix are using the prefix variable
• All major areas have a data-testid attribute.
• Document all props with jsdoc comments
• All strings should be translatable.
• Unit tests should be written and should have a coverage of 90% or higher in all areas.

New Components

• Are there any accessibility considerations that need to be taken into account and tested?
• Default story called "Playground" should be created for all new components
• Create a jsdoc comment that has an Overview section and a link to the Figma design for the component
• Export the component and its typescript type from the index.ts file
• Import the component scss file into the componentStyles.scss file.

[netlify]

✅ Deploy Preview for phillips-seldon ready!

Name	Link
🔨 Latest commit	6472d4e
🔍 Latest deploy log	https://app.netlify.com/projects/phillips-seldon/deploys/69f4e17fbe87a500074854ea
😎 Deploy Preview	https://deploy-preview-860--phillips-seldon.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.

[github-actions]

🚀 Storybook preview is ready.

• Preview: https://68b9f094608b90f3cfec5a06-djcbagyzdy.chromatic.com/
• Chromatic build: https://www.chromatic.com/build?appId=68b9f094608b90f3cfec5a06&number=524