Проблема

Сейчас есть Div, в котором зашит display и отступы. Также название ни о чём не говорит, ассоциируется с DOM-элементов <div>.

Решение

1. Создать новый компонент Box, который позволит переопределять display, а также задавать отступы, которых не будет по умолчанию (см. [RFC][Компоненты раскладки]: Создание общих свойств раскладки для изменения геометрии #8871).
2. Задепрекейтить Div с пометкой, что удаляем в v9.0.0 ([v9][BREAKING CHANGE][Div]: Удалить компонент #8929)
3. (опционально) Добавить warnOnce, что надо использовать Box

Типы

Помимо #8871.

interface BoxProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasComponent {
  display: 'none' | 'inline' | 'inline-block' | 'block';
};

DOM-элемент

По умолчанию возвращает <div>.