cleanup more

app/src/App.tsx

@@ -1,6 +1,5 @@
 import React, { Suspense } from "react";
 import { RelayEnvironmentProvider } from "react-relay";
-import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";
 
 import { Provider } from "@arizeai/components";
 

app/src/components/annotation/AnnotationTooltip.tsx

@@ -1,13 +1,8 @@
 import React, { CSSProperties, ReactNode } from "react";
 
-import {
-  HelpTooltip,
-  Text,
-  TooltipTrigger,
-  TriggerWrap,
-} from "@arizeai/components";
+import { HelpTooltip, TooltipTrigger, TriggerWrap } from "@arizeai/components";
 
-import { Flex, View } from "@phoenix/components";
+import { Flex, Text, View } from "@phoenix/components";
 import { floatFormatter } from "@phoenix/utils/numberFormatUtils";
 
 import { Annotation } from "./types";
@@ -37,12 +32,7 @@ export function AnnotationTooltip({
           alignItems="center"
         >
           <View>
-            <Text
-              weight="heavy"
-              color="inherit"
-              textSize="large"
-              elementType="h3"
-            >
+            <Text weight="heavy" color="inherit" size="L" elementType="h3">
               {annotation.name}
             </Text>
             <View paddingTop="size-50" minWidth="150px">

app/src/components/nav/Navbar.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from "react";
 import { Link, NavLink as RRNavLink } from "react-router-dom";
-import { css, Theme } from "@emotion/react";
+import { css } from "@emotion/react";
 
 import { Icon, Icons, Text } from "@phoenix/components";
 import { useTheme } from "@phoenix/contexts";

app/src/components/table/styles.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from "react";
 import { Column } from "@tanstack/react-table";
-import { css, Theme } from "@emotion/react";
+import { css } from "@emotion/react";
 
 export const tableCSS = css`
   font-size: var(--ac-global-font-size-s);