Review breakpoint values

[jsardid]

Epic description

The current breakpoint values used in the system are not following the design definition provided in the layout documentation. These values and the token names should be updated across the whole system.

The current

export const responsiveSizes = {
  mobileSmall: "320",
  mobileMedium: "375",
  mobileLarge: "425",
  tablet: "768",
  laptop: "1024",
  desktop: "1440",
};

The proposal

Breakpoint	px	rem
xsmall	320	20
small	480	30
medium	720	45
large	1056	66
x-large	1440	90

Related tasks

• Update const responsiveSizes in variables.js
• Update responsiveSizes references across the whole system