Mixing percentual and pixel values in $container-max-widths

Created by: mspae

Given this variable override value:

$container-max-widths: map-merge(
  (
    sm: 100%,
    md: 90%,
    lg: 90%,
    xl: 1440px,
  ),
  $container-max-widths
);

The _assert-ascending function fails because px and percent values are not comparable.

Maps which only contain percentages work, because of this fix https://github.com/twbs/bootstrap/pull/26689 – However this does not work if the map contains both types.

I believe this is a valid (and common) use case: There should be a maximum size for the container from a certain viewport width onward, before then the container should be flexible.

Conversely it could be possible that the container should turn into a percentual width from a certain viewport width onward.