// styles.ts
const styles: any = {
  foo: {
    color: "black"
  }
}

// component.tsx

/** @jsx jsx */
import {jsx} from "@emotion/react";
import {styles} from "./styles.ts"

const FooCompoent = ()=>(

  <div css={{styles.foo}}>

  </div>

)

// styles.ts
const styles: any = {
  foo: {
    color: "black"
  }
}

// component.tsx

/** @jsx jsx */
import {jsx} from "@emotion/react";
import {styles} from "./styles.ts"

const FooCompoent = ()=>(

  <div css={{styles.foo}}>

  </div>

)