refactor: text and alert to vanilla extract (#5464)

* refactor: text and alert to vanilla extract

* fix: rebase

* fix: tests

* fix: rebase

Author: lisalupi

.changeset/spicy-waves-fix.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": major
+---
+
+Refactor components `Text` and `Alert` to use vanilla-extract instead of Emotion

packages/form/src/components/CheckboxField/__tests__/__snapshots__/index.test.tsx.snap

@@ -1669,30 +1669,12 @@ exports[`CheckboxField > should render correctly with errors 1`] = `
   gap: 0.25rem;
 }
 
-.emotion-13 {
-  color: #3f4250;
-  font-size: 1rem;
-  font-family: Inter,sans-serif;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 1.5rem;
-  text-transform: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
+.emotion-12 {
   width: 100%;
   cursor: pointer;
 }
 
-.emotion-16 {
-  color: #b3144d;
-  font-size: 0.75rem;
-  font-family: Inter,sans-serif;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 1rem;
-  text-transform: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
+.emotion-14 {
   padding-top: 0.25rem;
 }
 
@@ -1752,14 +1734,14 @@ exports[`CheckboxField > should render correctly with errors 1`] = `
             class="emotion-10 emotion-9"
           >
             <label
-              class="emotion-12 emotion-13 emotion-14"
+              class="emotion-12 emotion-13 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
               for="«rd»"
             >
               Checkbox field error
             </label>
           </div>
           <span
-            class="emotion-15 emotion-16 emotion-14"
+            class="emotion-14 emotion-15 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owd uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow1k uv_m4c9ow3c"
           >
             This field is required
           </span>
@@ -2049,16 +2031,7 @@ exports[`CheckboxField > should trigger events correctly 1`] = `
   gap: 0.25rem;
 }
 
-.emotion-13 {
-  color: #3f4250;
-  font-size: 1rem;
-  font-family: Inter,sans-serif;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 1.5rem;
-  text-transform: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
+.emotion-12 {
   width: 100%;
   cursor: pointer;
 }
@@ -2118,7 +2091,7 @@ exports[`CheckboxField > should trigger events correctly 1`] = `
             class="emotion-10 emotion-9"
           >
             <label
-              class="emotion-12 emotion-13 emotion-14"
+              class="emotion-12 emotion-13 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
               for="«ra»"
             >
               Checkbox field events