🎨 Sync Figma Design Tokens

[github-actions]

🎨 Figma Design Tokens Sync

This PR automatically synchronizes Figma design tokens with the UNDP Design System SASS variables.

Changes Summary

• Total tokens processed: 91
• New variables: 0
• Modified variables: 91
• Removed variables: 0

Files Modified

• stories/assets/scss/_variables.scss

What's Changed

The following design tokens have been synchronized from figma-tokens/input/tokens.json:

• Spacing tokens
• Font family tokens
• Font size tokens (converted to rem)
• Color tokens
• Sizing tokens
• Line height tokens
• Font weight tokens
• Text case tokens
• Border tokens
• Semantic tokens (derived from primitives)

Impact

These changes ensure that the design system's SASS variables are in sync with the latest Figma design tokens. The CSS custom properties generated from these variables will automatically reflect the updates.

Testing

✅ Token transformation completed successfully
✅ SASS compilation validated
✅ All existing non-token variables preserved

Next Steps

Please review the changes and merge this PR into the develop branch.

---

🤖 This PR was automatically generated by the Figma Tokens Sync workflow.

[github-actions]

👋 @undp/design-system-team

This PR contains automated synchronization of Figma design tokens. Please review the changes to ensure they align with the design specifications.

Review Checklist

• Verify color values match Figma designs
• Check font size conversions (px to rem)
• Validate spacing and sizing tokens
• Ensure no unintended variable removals
• Test build passes with new variables

How to Test

git checkout 
npm install
npm run build
npm run storybook

cc: @undp organization owners for visibility

[github-actions]

👋 Repository maintainers

This PR contains automated synchronization of Figma design tokens. Please review the changes to ensure they align with the design specifications.

Review Checklist

• Verify color values match Figma designs
• Check font size conversions (px to rem)
• Validate spacing and sizing tokens
• Ensure no unintended variable removals
• Test build passes with new variables

How to Test

git checkout 
npm install
npm run build
npm run storybook

[cloudflare-workers-and-pages]

Deploying design-system with    Cloudflare Pages

Latest commit:	c06b810
Status:	✅  Deploy successful!
Preview URL:	https://7937e2db.design-system.pages.dev
Branch Preview URL:	https://update-figma-tokens.design-system.pages.dev

View logs