As propriedades lógicas do CSS definem uma nova maneira de trabalhar com o layout. Seu principal objetivo é ajudar os desenvolvedores a suportar diferentes sistemas de escrita, como scripts da direita-para-esquerda (RTL) e exibidos na vertical. Esses novos recursos tornam possível controlar o layout por meio de propriedades lógicas, e não físicas, por exemplo com propriedades lógicas você pode descrever o start
(início) e end
(fim) de um elemento ao invés de seus limites no left
(esquerda) e right
(direita). Consegue ver a diferença?
Fonte
Caso você queira definir uma margem margin-left: 100px
em um elemento que deve se adaptar a direção e ao sistema de escrita do seu conteúdo, você pode usar a propriedade lógica margin-inline-start: 100px
que vai ser inteligente o suficiente para isso. Ou seja você usa a lógica de usar uma margem no início de uma linha e não definir uma margem à esquerda! Dessa forma mesmo que o sistema de escrita seja vertical-esquerda-para-direita, baixo-para-cima, direita-para-esquerda, a margem do elemento irá se adaptar ao sistema de escrita!

Percebe como o elemento se adapta baseado no sistema de escrita utilizando a lógica? Isso não seria possível utilizando apenas CSS caso fosse usado as propriedades físicas!
Outras fontes que podem ser úteis (note que são 4 links diferentes)
Uma lista com algumas propriedades lógicas e seus valores