add new line of CSS to separate underline from hover event (#6113)

Author: llastflowers

.changeset/clean-dolls-build.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+add new line of CSS to separate underline from hover event

packages/react/src/internal/components/UnderlineTabbedInterface.module.css

@@ -105,6 +105,7 @@
   bottom: calc(50% - calc(var(--control-xlarge-size, var(--base-size-48)) / 2 + 1px));
   width: 100%;
   height: 2px;
+  pointer-events: none;
   content: '';
   background-color: transparent;
   border-radius: 0;