Fix font-weight and color props of Link Component

This commit resolves two issues with the Link component where the font-weight and color props were not working as expected. Changes made include:

In link.tsx, added receipt of weight value via props. This was necessary as the styles.container object was not storing the weight value, resulting in it always being undefined.
In link.styled.ts, included the applyDevicePropsTextStyles function to the link's style. This was required as color is a text property and needs to be applied by the TextStylesExtended styles constant.
These changes ensure that changes to the font-weight and color props in Storybook are accurately reflected in the Link component's visual representation

Author: Hector Arce De Las Heras

src/components/link/link.styled.ts

@@ -4,12 +4,45 @@ import styled, { css } from 'styled-components';
 import { focusVisibleAlt } from '@/styles/mixins';
 import { getStyles, getTypographyStyles } from '@/utils/getStyles/getStyles';
 
+import { TextPropsStylesType } from '../text/types';
 import { LinkPositionType, LinkPropsStylesType, LinkPropsType, LinkStateType } from './types';
 
 type LinkPropsExtended = {
   linkStyles: LinkPropsStylesType;
   alignCenter: boolean;
 };
+const applyDevicePropsTextStyles = (props: TextPropsStylesType) => {
+  return css`
+    color: ${props.color};
+    display: ${props.display};
+    text-decoration: ${props.decoration};
+    text-align: ${props.align};
+    font-weight: ${props.weight};
+    ${props.isDisabled &&
+    css`
+      pointer-events: none;
+    `}
+  `;
+};
+
+const applyPropsTextStyles = (props: TextPropsStylesType) => css`
+  ${applyDevicePropsTextStyles(props)}
+  ${({
+    theme: {
+      MEDIA_QUERIES: { onlyDesktop, onlyTablet, onlyMobile },
+    },
+  }) => css`
+    ${onlyDesktop} {
+      ${applyDevicePropsTextStyles(props)}
+    }
+    ${onlyTablet} {
+      ${applyDevicePropsTextStyles(props)}
+    }
+    ${onlyMobile} {
+      ${applyDevicePropsTextStyles(props)}
+    }
+  `}
+`;
 
 export const TextStyledExtended = styled.p.withConfig({
   shouldForwardProp: () => true,
@@ -51,6 +84,9 @@ export const TextStyledExtended = styled.p.withConfig({
     // In alternative variants, the focus colors must be change
     ${({ linkStyles }) => linkStyles?.[LinkStateType.VISITED]?.altVariant && focusVisibleAlt()}
   }
+
+  // Apply props tokens
+  ${props => applyPropsTextStyles(props)}
 `;
 
 export const LabelIconWrapper = styled.span<LinkPropsType>`

src/components/link/link.tsx

@@ -43,7 +43,7 @@ const LinkComponent = React.forwardRef(
     const isInline = action === LinkActionType.INLINE;
     const textDecoration = isInline ? TextDecorationType.UNDERLINE : decoration;
     const textVariant = textVariantProp ?? styles.container?.font_variant;
-    const weight = styles.container?.font_weight;
+    const weight = props.weight || styles.container?.font_weight;
     const color = colorLinkProp || styles.font_color || styles.container?.color;
 
     const { state, setRef } = useManageState({