Lower `padding-block`/`padding-inline`/`margin-block`/`margin-inline`

[`padding-block`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block) is a short hand of [`padding-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start) and [`padding-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end).

While `padding-block` is supported by Chrome 87, Firefox 66, Safari 14.1, `padding-block-start` / `padding-block-end` is supported by Chrome 69, Firefox 41, Safari 12.1. Replacing `padding-block` with `padding-block-start` / `padding-block-end` would help with browser compat.

It is same with `padding-inline`, `margin-block`, `margin-inline`. Maybe the same applies to other [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) as well.

Read the linked MDN pages and trace esbuild's CSS lowering behavior for the four named logical shorthand properties. Confirm the browser-compatibility goal, determine how the start/end forms should be emitted, and check whether other CSS logical properties are in scope; done means the requested transformations are covered by reproducible tests.

Written by the indexing model from the issue text.