Add a --container-8xl and w-8xl to match the width of the widest container (96rem)

[Soviut]

When you use the container class, the widest the container can get is 96rem.

.container {
  width: 100%;
  @media (width >= 40rem /* 640px */) {
    max-width: 40rem /* 640px */;
  }
  @media (width >= 48rem /* 768px */) {
    max-width: 48rem /* 768px */;
  }
  @media (width >= 64rem /* 1024px */) {
    max-width: 64rem /* 1024px */;
  }
  @media (width >= 80rem /* 1280px */) {
    max-width: 80rem /* 1280px */;
  }
  @media (width >= 96rem /* 1536px */) {
    max-width: 96rem /* 1536px */;
  }
}

However, the widest --container variable is --container-7xl which is only 80rem. This results in w-7xl and max-w-7xl being 80rem as well.

A --container-8xl should be added that's 96rem and it should trickle down into spacings like width and max-width. This would make it easier to match the container widths without having to use the container class or custom values.