[tokens]: setup device semantic layer styles

[gfellerph]

Description

Set up _devices.scss that imports the semantic tokens for the device layer and wraps the tokens in appropriate media queries. This file is intended to be @use'd by other output files, so should not be compiled on it's own and should not contain any other styles than the tokens.

Notes:
Don't wrap the styles for mobile in a media query so they'll serve as default styles (mobile first).

Tasks

💻 Tasks

Beta Give feedback

1. feat(tokens): implement exception for typography multi tokens in build script #3285
   v8 v9 +2
2. feat(tokens): add Components/Interactives and Components/Notifications tokens #3262
   🚂 PR train +1
3. Create the _devices.scss file