feat(Button): emotion removal vanilla extract (#5428)

* feat(Button): emotion removal vanilla extract

* fix: unit tests and checks

* fix: update prefix to add uv

* fix: snapshot update

Author: Matthias Prost

packages/ui/src/components/DateInput/__tests__/__snapshots__/index.test.tsx.snap

@@ -576,12 +576,12 @@ exports[`DateInput > render correctly with showMonthYearPicker with default date
   min-height: 1rem;
 }
 
-.emotion-26 .fillStroke {
+.emotion-24 .fillStroke {
   stroke: currentColor;
   fill: none;
 }
 
-.emotion-29 {
+.emotion-27 {
   color: #3f4250;
   font-size: 1rem;
   font-family: Inter,sans-serif;
@@ -1168,12 +1168,12 @@ exports[`DateInput > render correctly with showMonthYearPicker with excluded mon
   min-height: 1rem;
 }
 
-.emotion-26 .fillStroke {
+.emotion-24 .fillStroke {
   stroke: currentColor;
   fill: none;
 }
 
-.emotion-29 {
+.emotion-27 {
   color: #3f4250;
   font-size: 1rem;
   font-family: Inter,sans-serif;
@@ -4081,12 +4081,12 @@ exports[`DateInput > renders correctly with a array of dates to exclude 1`] = `
   min-height: 1rem;
 }
 
-.emotion-26 .fillStroke {
+.emotion-24 .fillStroke {
   stroke: currentColor;
   fill: none;
 }
 
-.emotion-29 {
+.emotion-27 {
   color: #3f4250;
   font-size: 1rem;
   font-family: Inter,sans-serif;
@@ -4951,12 +4951,12 @@ exports[`DateInput > renders correctly with date-fns locale es 1`] = `
   min-height: 1rem;
 }
 
-.emotion-26 .fillStroke {
+.emotion-24 .fillStroke {
   stroke: currentColor;
   fill: none;
 }
 
-.emotion-29 {
+.emotion-27 {
   color: #3f4250;
   font-size: 1rem;
   font-family: Inter,sans-serif;
@@ -5816,12 +5816,12 @@ exports[`DateInput > renders correctly with date-fns locale fr 1`] = `
   min-height: 1rem;
 }
 
-.emotion-26 .fillStroke {
+.emotion-24 .fillStroke {
   stroke: currentColor;
   fill: none;
 }
 
-.emotion-29 {
+.emotion-27 {
   color: #3f4250;
   font-size: 1rem;
   font-family: Inter,sans-serif;
@@ -6681,12 +6681,12 @@ exports[`DateInput > renders correctly with date-fns locale ru 1`] = `
   min-height: 1rem;
 }
 
-.emotion-26 .fillStroke {
+.emotion-24 .fillStroke {
   stroke: currentColor;
   fill: none;
 }
 
-.emotion-29 {
+.emotion-27 {
   color: #3f4250;
   font-size: 1rem;
   font-family: Inter,sans-serif;

packages/ui/src/components/SelectInput/__tests__/__snapshots__/index.test.tsx.snap

@@ -4069,7 +4069,7 @@ exports[`SelectInput > renders correctly multiselect 1`] = `
   text-decoration: none;
 }
 
-.emotion-154 {
+.emotion-153 {
   font-size: 0.75rem;
   font-family: Inter,sans-serif;
   font-weight: 400;