Alle classi .ratio-1x1, .ratio-16x9, .ratio-21x9, ecc. non vengono applicati gli stessi stili della classe .ratio

### Esiste già una discussione sul tema che ti interessa, o su un tema simile?

- [x] Ho verificato e non esiste

### Versione della libreria

v21.0.0

### Cosa

Alla classe `ratio` sono applicate le seguenti regole

```scss
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
```

Alle classi `ratio-1x1`, `ratio-21x9`, ecc. viene invece associata una variabile.
Sarebbe ottimo se alle classi `ratio-1x1`, ecc. fossero applicate le stesse regole della classe `ratio`, in modo da passare da questo

```html

```

a questo

```html

```

### Perché

La modifica permetterebbe di scrivere CSS meno ridondante

### Contesto

_No response_

### Altro

La classe `ratio` deve comunque continuare a esistere