Suggestion: use Tailwind's focus variant instead of a .focusable class

[missmatsuko]

<!-- Instead of this... -->
<p class="visuallyhidden focusable">I'm visible on focus!</p>

<!-- Maybe this? -->
<p class="visuallyhidden focus:not-visuallyhidden">I'm visible on focus!</p>

Couple reasons:

• More consistent with Tailwind's built-in utilities
• Some projects might not need any visuallyhidden elements to become visible on focus
• Responsive variants could switch between visuallyhidden and not-visuallyhidden:

<p class="visuallyhidden lg:not-visuallyhidden">
On mobile, I'm visually hidden. On larger screens, I'm visible.
</p>