We should use core tokens directly in our scss files.
Instead, we can replace them by utility tokens, use existing sass variables (for example for colors) or create component specific css-variables for props that change on the client (for example from breakpoint to breakpoint) or create sass variables for props, that stay static on the client.

When possible we could also use the utility tokens: #4273 (comment)