chore(deps): remove some unused code and dependencies

package.json

@@ -4,7 +4,6 @@
   "homepage": ".",
   "private": true,
   "devDependencies": {
-    "@emotion/core": "^11.0.0",
     "@ethersproject/experimental": "^5.2.0",
     "@lingui/cli": "^3.9.0",
     "@lingui/loader": "^3.9.0",

src/components/Button/index.tsx

@@ -4,15 +4,19 @@ import { darken } from 'polished'
 
 import { RowBetween } from '../Row'
 import { ChevronDown, Check } from 'react-feather'
-import { Button as RebassButton, ButtonProps } from 'rebass/styled-components'
+import { Button as RebassButton, ButtonProps as ButtonPropsOriginal } from 'rebass/styled-components'
 import useTheme from 'hooks/useTheme'
 
-const Base = styled(RebassButton)<{
+type ButtonProps = Omit<ButtonPropsOriginal, 'css'>
+
+const Base = styled(RebassButton)<
+  {
     padding?: string
     width?: string
     borderRadius?: string
     altDisabledStyle?: boolean
-}>`
+  } & ButtonProps
+>`
   padding: ${({ padding }) => (padding ? padding : '16px')};
   width: ${({ width }) => (width ? width : '100%')};
   font-weight: 500;

src/theme/index.tsx

 import React, { useMemo } from 'react'
-import { Text, TextProps } from 'rebass'
+import { Text, TextProps as TextPropsOriginal } from 'rebass'
 import styled, {
   createGlobalStyle,
   css,
@@ -11,6 +11,8 @@ import { Colors } from './styled'
 
 export * from './components'
 
+type TextProps = Omit<TextPropsOriginal, 'css'>
+
 export const MEDIA_WIDTHS = {
   upToExtraSmall: 500,
   upToSmall: 720,
@@ -208,7 +210,6 @@ export const ThemedBackground = styled.div<{ backgroundColor?: string | undefine
 export const FixedGlobalStyle = createGlobalStyle`
 html, input, textarea, button {
   font-family: 'Inter', sans-serif;
-  font-display: fallback;
 }
 @supports (font-variation-settings: normal) {
   html, input, textarea, button {

src/theme/rebass.d.ts

-import { InterpolationWithTheme } from '@emotion/core'
-import {
-  BoxProps as BoxP,
-  ButtonProps as ButtonP,
-  FlexProps as FlexP,
-  LinkProps as LinkP,
-  TextProps as TextP,
-} from 'rebass'
-
-declare module 'rebass' {
-  interface BoxProps extends BoxP {
-    css?: InterpolationWithTheme<any>
-  }
-  interface ButtonProps extends ButtonP {
-    css?: InterpolationWithTheme<any>
-  }
-  interface FlexProps extends FlexP {
-    css?: InterpolationWithTheme<any>
-  }
-  interface LinkProps extends LinkP {
-    css?: InterpolationWithTheme<any>
-  }
-  interface TextProps extends TextP {
-    css?: InterpolationWithTheme<any>
-  }
-}
-
-declare global {
-  namespace JSX {
-    interface IntrinsicAttributes {
-      css?: InterpolationWithTheme<any>
-    }
-  }
-}

yarn.lock

@@ -1427,11 +1427,6 @@
     "@emotion/sheet" "0.9.4"
     "@emotion/utils" "0.11.3"
 
-"@emotion/core@^11.0.0":
-  version "11.0.0"
-  resolved "https://registry.npmjs.org/@emotion/core/-/core-11.0.0.tgz"
-  integrity sha512-w4sE3AmHmyG6RDKf6mIbtHpgJUSJ2uGvPQb8VXFL7hFjMPibE8IiehG8cMX3Ztm4svfCQV6KqusQbeIOkurBcA==
-
 "@emotion/css@^10.0.27":
   version "10.0.27"
   resolved "https://registry.npmjs.org/@emotion/css/-/css-10.0.27.tgz"