[input] Fix border color resolution on mobile

[wojtekfarmery]

Summary

This pull request addresses the issue with the border color of the OutlinedInput component on mobile devices. Previously, the focus state did not display the correct color due to a lack of specificity in styles for touch devices.

Changes Made

• Updated the focus styles to ensure that the border color appears correctly on mobile devices.
• Added media queries to handle hover and pointer events appropriately for different device capabilities.

Related Issues

Fix #43797