[styles] - remove @include set-font-face(); inside components

[tiloyi]

🚀 Pattern enhancement proposal

What kind of enhancement are you proposing ?

• On sketch file
• On Documentation
• On source code

Description

For performance reasons and in anticipation of the Design System handling multiple themes, all calls to @include set-font-face(); within components should be removed.

Details

The set-font-face() mixin allows to set the font-family property together with the font-weight property, within a CSS rule.

Currently, this mixin is called on almost all components; this causes performance problems for projects that use a large number of Mozaic components because the same rules are repeated many times.

In addition, as part of the evolution of the Design System and its availability to other brands of the ADEO group, it should be possible to let the users of these brands set their font as they wish.

For all these reasons, we have decided to remove the call to this mixin in our components, and recommend users to use this mixin on their side in a generic or reset stylesheet.

In case they don't have a style sheet or a reset sheet, they can use the one provided in Mozaic & which includes this mixin in a unique way:
=>https://github.com/adeo/mozaic-design-system/blob/master/packages/styles/generic/_g.reset.scss