feat(css-tokens): Ajout fct calcul taille map et ajout css tokens

[MatRouillard]

L'idée est de pouvoir, à terme, adapter automatiquement (si on le souhaite ==> via un paramètre du contrôle ?), la taille des composants avec des modales pour qu'elle soit directement à la taille de la carte. Les tokens css à utiliser sont :

--map-height : hauteur de la carte, en pixel
--map-width : largeur de la carte, en pixel

On peut donc facilement mettre à jour une taille maximale comme cela :

max-height: calc(var(--map-height) - 16px); /* Laisse 8 px en haut et en bas si la modale est bien centrée */
max-width : var(--map-width); /* Moins utile à priori*/

Les modifications sont faites dès que la taille de la carte est mise à jour, via un écouteur d'événement sur change:size.
Cet événement est ajouté à la carte lorsqu'un contrôle (héritant des extensions) est ajouté à la carte.

Exemple visible pour le gestionnaire de couches :
npm run sample:modules

Ici : localhost:8080/samples/tests/LayerSwitcher/pages-ol-layerswitcher-modules-dsfr-no-position-css-tokens.html