Refactor(web): Refactor placement transformation to allow input of logical placements

[adamkudrna]

Description

The aim is to allow transformation of semi-logical placements like top-start, bottom-end, etc.

Examples

// will return 'top-start' (no transformation)
transform('top-start')

// will return 'bottom-start'
transform('top-start', $main-axis-inverse: true)

// will return 'bottom-end'
transform('top-start', $main-axis-inverse: true, $cross-axis-inverse: true)

// will return 'bottom-right'
transform('top-start', $main-axis-inverse: true, $cross-axis-inverse: true, $cross-axis-physical: true)

// will return 'top start'
transform('top-start', $join-with: ' ')

Issue reference

https://jira.almacareer.tech/browse/DS-1138

[netlify]

✅ Deploy Preview for spirit-design-system ready!

Name	Link
🔨 Latest commit	e9b364f
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system/deploys/663de72951da0f0008a257ee
😎 Deploy Preview	https://deploy-preview-1403--spirit-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 96 (no change from production) Accessibility: 93 (no change from production) Best Practices: 100 (no change from production) SEO: 82 (no change from production) PWA: - View the detailed breakdown and full score reports

---

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

[crishpeen]

LGTM 🤯 💥

[coveralls]

coverage: 80.157% (-16.2%) from 96.371%
when pulling e9b364f on refactor/sass-placement-transformation
into e316f53 on bc/remove-non-flow-placements.

[literat]

Looks Great :D The CSS/SCSS is more functional then I expected :-)

[curdaj]

🤪🤯👍