Ivan Starkov 333f167c48 feat: Add helper functions for Tailwind support: shorthand expansion and variable substitution (#2371) ...

## Description

Gonna merge this before next step.

Helper functions to parse tailwind.

1. `expandTailwindShorthand` - Expands shorthand CSS properties into
their long-form equivalents. _'mx' is expanded to 'mr' (margin-right)
and 'ml' (margin-left)._
2. `substituteVariables` - Resolves CSS variables by replacing their
references with actual values. _Transforms `.class { --property: 1px;
margin: var(--property); }` into `.class { margin: 1px; }`._

## Steps for reproduction

See tests.

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env.example`
and the `builder/env-check.js` if mandatory

2023-09-28 09:36:54 +00:00

..

prompts

Tweak prompt and regenerate properties descriptions (#1807)

2023-06-18 08:59:17 +03:00

css-tree-dist-data.d.ts

Add common keywords (#1385)

2023-04-06 22:21:52 +04:00

mdn-data.ts

Move style schema into css-engine (#2251)

2023-09-06 15:55:41 +04:00

property-value-descriptions.ts

feat: Add helper functions for Tailwind support: shorthand expansion and variable substitution (#2371)

2023-09-28 09:36:54 +00:00