How to remove default box-shadow in Chakra UI?
I'm using Chakra UI library for my project (React/Next.js). Not allowed to use a separate CSS file and have to avoid much "clear" CSS in my current application. The focused links get a blue "outline" - Chakra adds a box-shadow to them. What is the best way to do it? Two ones I've seen in net: 1. To add boxShadow="none !important" to each Link. 2. To use a "focus-visible" package.