fix(Select): Show native select focus ring (#1398)

https://jira.tid.es/browse/WEB-2263

Can be verified in [this
playroom](https://mistica-5evqcrz1v-flows-projects-65bb050e.vercel.app/playroom#?code=N4Igxg9gJgpiBcIA8AhCAPABABwIZSgEsA7AcwF5gBGANgF8A%2BAHWM0yQGUAXXMAa0wBnPGBiVajFmzaoArly4RiABQBOhALa5VAT0xK1MQYMoAKAJSZyDTMDqMAwgBtC-TBphIA9CnmKV6lq6zMRS0pwwTjBgXGHSmMS4XIQAbjBx0oke5EwgAGaqsoRcgrkZbE64AEaROSAOABYQEIIwmLiYBUWxIOX62MlKJsAA2n1swJgpuE6yMPCYuRCquGTpIAA0mFww6FwLuQDyK2u5mHQb47ZTM3MHIFWrT7lbO3v3KE%2BJZxd9ALp0DJeEIyLzcXh8ELeNDoEKbEBcBowDyCBAjEAAWQgKUIgh4qhAfw2IAA7oQoIjUfARgBmGgABgBQA)

---------

Co-authored-by: Pedro Ladaria <pedro.jose.ladaria.linden@telefonica.com>

Author: pladaria

src/select.css.ts

@@ -109,12 +109,12 @@ const selectBase = style([
         background: 'transparent', // FieldContainer gives the correct background color
         width: '100%',
         paddingY: 0,
+        borderRadius: skinVars.borderRadii.input,
     }),
     {
         fontFamily: 'inherit',
         paddingRight: `calc(${iconButtonSize} + ${fieldEndIconGap}px)`,
         paddingLeft: fieldLeftPadding,
-        outline: 0,
         textOverflow: 'ellipsis',
         appearance: 'none',
 

src/text-field-components.css.ts

@@ -103,7 +103,6 @@ export const fullWidth = sprinkles({
 });
 
 export const field = sprinkles({
-    overflow: 'hidden',
     border: 'input',
     display: 'flex',
     borderRadius: vars.borderRadii.input,