chore(cna): use short tailwind classname of font-family (#77271)
## Description
At #76583, tailwind theme font referenced the [Geist
font](https://vercel.com/font).
```css
// globals.css
@import "tailwindcss";
~~~
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
~~~
```
However, these `font-sans` and `font-mono` variables aren't used now.
This PR uses them instead of `font-[family-name:var(--font-geist-sans)]`
and `font-[family-name:var(--font-geist-mono)]` for convinience.
CC: @samcx
Co-authored-by: Sam Ko <sam@vercel.com>