Olá, muito bom este framework. Neste caso eu achei melhor colocar o hover individualmente em cada item da lista, mas é questão de preferência.
<ul class="flex gap-3 mb-4">
<li class="hover:animate-sino"><a class="hover:font-bold hover:text-primary" href="#">Linkedin</a></li>
<li class="hover:animate-sino"><a class="hover:font-bold hover:text-primary" href="#">Email</a></li>
<li class="hover:animate-sino"><a class="hover:font-bold hover:text-primary" href="#">Github</a></li>
</ul>