Как будет использоваться заполнение контейнера в Tailwind CSS v4 ⇐ CSS

[Anonymous]

В Tailwind CSS v3 был файл Tailwind.config.js, в котором мы могли объявить разные отступы для разных экранов, например:
theme:{
container: {
center: true,
padding: {
DEFAULT: `10px`,
sm : `20px`,
lg : `80px`,
xl : `120px`
}
}
}

Теперь нет Tailwind.config.js.

Приходится использовать глобальный CSS.

Как это сделать поместите эти дополнения в контейнер, так как нет возможности/охватить его.

Несмотря на то, что у них есть @container, но теперь есть способ поместить эти переменные заполнения, которые могут автоматически принимать размер заполнения.
Я пробовал использовать
@container {}

@utility container{}

@layers {
@media container (){}
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... ind-css-v4