Support Variables in CSS styles editor

[mikhail-vl]

Resolves #181

[codecov[bot]]

Codecov Report

Patch coverage: 50.00% and project coverage change: -0.34 :warning:

Comparison is base (8824770) 81.40% compared to head (41f512d) 81.06%.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #186 +/- ## ========================================== - Coverage 81.40% 81.06% -0.34% ========================================== Files 27 27 Lines 242 243 +1 Branches 31 32 +1 ========================================== Hits 197 197 Misses 43 43 - Partials 2 3 +1 ``` | [Impacted Files](https://app.codecov.io/gh/VolkovLabs/volkovlabs-dynamictext-panel/pull/186?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=VolkovLabs) | Coverage Δ | | |---|---|---| | [src/components/Text/Text.tsx](https://app.codecov.io/gh/VolkovLabs/volkovlabs-dynamictext-panel/pull/186?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=VolkovLabs#diff-c3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeA==) | `95.23% <0.00%> (-2.33%)` | :arrow_down: | | [src/constants/panel.ts](https://app.codecov.io/gh/VolkovLabs/volkovlabs-dynamictext-panel/pull/186?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=VolkovLabs#diff-c3JjL2NvbnN0YW50cy9wYW5lbC50cw==) | `100.00% <100.00%> (ø)` | |

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Do you have feedback about the report comment? Let us know in this issue.