Shadcn CSS has global side effects (outline is lost)

[kachar]

Describe the bug

The styles applied with shadcn/style.css have global effects and the outline is getting disabled for all components

Lines that have the side effect are:

BlockNote/packages/shadcn/src/style.css

Lines 76 to 78 in bea361e

	:focus-visible {
	outline: none;
	}

When we import react/style.css instead of shadcn/style.css the outline of inputs is visible.

To Reproduce
https://stackblitz.com/edit/github-jywdw6?file=App.tsx

Import the shadcn.css

import '@blocknote/shadcn/style.css';

Misc

• Node version: 20
• Package manager: pnpm
• Browser: chrome