tech: export Card component from UI (#4710)

<!--
PR title: tech / export Card component from UI
-->

## Describe your changes
- Export the card component from the `ui` package
- Fix a `z-index` issue with the Card aside

<!--
What changes are made?
If there are many changes, a list might be a good format.
If it makes sense, add screenshots and/or screen recordings here.
-->

## Justify why they are needed
Enable using `Card` in the `store` app

## Checklist before requesting a review

- [x] I have performed a self-review of my code

packages/ui/src/components/Card/Card.css.ts

@@ -55,4 +55,5 @@ export const cardAside = style({
   position: 'absolute !important',
   top: cardPadding,
   insetInlineEnd: cardPadding,
+  zIndex: 1,
 })

packages/ui/src/components/Card/Card.tsx

@@ -2,7 +2,8 @@ import { Slot } from '@radix-ui/react-slot'
 import { type RecipeVariants } from '@vanilla-extract/recipes'
 import clsx from 'clsx'
 import { type ComponentProps, type PropsWithChildren } from 'react'
-import { Heading, Text } from 'ui'
+import { Heading } from '../Heading/Heading'
+import { Text } from '../Text/Text'
 import { cardAside, cardHeader, cardRoot } from './Card.css'
 
 type RootStyleProps = RecipeVariants<typeof cardRoot>

packages/ui/src/index.ts

@@ -7,7 +7,7 @@ export { Space } from './components/Space'
 export { Button, type ButtonProps } from './components/Button/Button'
 export { IconButton } from './components/Button/IconButton'
 export { Tooltip } from './components/Tooltip/Tooltip'
-
+export { Card } from './components/Card/Card'
 export { InputBase } from './components/InputBase'
 export type { InputBaseProps } from './components/InputBase'
 export { Heading } from './components/Heading/Heading'