Tabs redesign

[GomezIvann]

Checklist

• The build process is done without errors. All tests pass in the /lib directory.
• Self-reviewed the code before submitting.
• Meets accessibility standards.
• Added/updated documentation to /website as needed.
• Added/updated tests as needed.

Description
Redesign of the tabs component following the new design kit specifications, already using the new token architecture (CSS variables). Also, some code refactors and improvements are included in the components to enhance its performance and code readability. The legacy props have changed to deprecated status.

Additional context
Figma designs

[Mil4n0r]

Oh I forgot to add something, in the focused tabs example, the focus outline doesn't match what is expected from the component (the bottom outline is not properly shown due to overlapping with the border from the <Underline> component)

[GomezIvann]

Oh I forgot to add something, in the focused tabs example, the focus outline doesn't match what is expected from the component (the bottom outline is not properly shown due to overlapping with the border from the <Underline> component)

Mmmmm, I think in the designs it is like that:

Check it too if I'm wrong!

[Mil4n0r]

Oh I forgot to add something, in the focused tabs example, the focus outline doesn't match what is expected from the component (the bottom outline is not properly shown due to overlapping with the border from the <Underline> component)

Mmmmm, I think in the designs it is like that:

Check it too if I'm wrong!

It is currently overlapping with the Underline, we have to discuss with the designers what the expected behavior is.

The rest is perfect now!