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: matthprost

.storybook/components/DocsContainer.tsx

@@ -10,7 +10,7 @@ import type { ReactNode } from 'react'
 import { cloneElement, isValidElement, useState } from 'react'
 import { globalStyles } from './globalStyle'
 import '@ultraviolet/fonts/fonts.css'
-import { GlobalAlert } from '@ultraviolet/ui'
+import { GlobalAlert, ThemeProvider as ThemeProviderUV } from '@ultraviolet/ui'
 
 type ExtraProps = {
   /**

packages/plus/src/components/SteppedListCard/__tests__/__snapshots__/index.test.tsx.snap

@@ -522,6 +522,12 @@ exports[`steppedListCard > should work with pre-completed step 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  width: 2rem;
+  height: 2rem;
+  font-size: 1rem;
+  color: #ffffff;
+  background: #8c40ef;
+  border: 1px solid #8c40ef;
 }
 
 .emotion-6 {

packages/ui/src/theme/index.ts

@@ -5,6 +5,7 @@ import {
   useTheme,
 } from '@ultraviolet/themes'
 import deepmerge from 'deepmerge'
+import { ThemeProvider, useTheme } from './ThemeProvider'
 
 export type ScreenSize = keyof typeof consoleLightTheme.breakpoints
 

packages/ui/vitest.setup.ts

@@ -1,3 +1,4 @@
 import { setup } from '@utils/test'
+import '@vanilla-extract/css/disableRuntimeStyles'
 
 setup()