fix: css variable vanilla extract

[lisalupi]

Summary

Type

• Refactor

Summarise concisely:

What is expected?

ActionBar & Text: Use css variable instead of style with vanilla extract

[changeset-bot]

🦋 Changeset detected

Latest commit: f614073

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@ultraviolet/ui	Patch
@ultraviolet/form	Patch
@ultraviolet/nextjs	Patch
@ultraviolet/plus	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 92.10%. Comparing base (8a90258) to head (f614073).
⚠️ Report is 33 commits behind head on beta.

Additional details and impacted files

@@            Coverage Diff             @@
##             beta    #5478      +/-   ##
==========================================
- Coverage   92.18%   92.10%   -0.09%     
==========================================
  Files         234      244      +10     
  Lines        8060     8016      -44     
  Branches     3449     3388      -61     
==========================================
- Hits         7430     7383      -47     
- Misses        630      633       +3     

Files with missing lines	Coverage Δ
packages/ui/src/components/ActionBar/index.tsx	100.00% <ø> (ø)
packages/ui/src/components/ActionBar/styles.css.ts	100.00% <ø> (ø)
packages/ui/src/components/Badge/styles.css.ts	100.00% <ø> (ø)
packages/ui/src/components/Text/index.tsx	93.75% <ø> (-6.25%)	⬇️
packages/ui/src/components/Text/style.css.ts	100.00% <ø> (ø)
packages/ui/src/components/Text/variables.css.ts	100.00% <100.00%> (ø)

... and 6 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 1e0eeaf...f614073. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.