Read style props through StyleInfo in AdjustCssLengthProperties (#6632)

## Problem
The padding strategy relies on the `AdjustCssLengthProperties` command
to update elements, both for reading and writing styles. In order for
that to work in Tailwind projects, where elements don't have an inline
style prop, `AdjustCssLengthProperties` needs to read element styles
from the "right" property, otherwise the command wouldn't work as
intended.

## Fix
Use the `StyleInfo` system from to read the element style info.

### Details
- Refactored `AdjustCssLengthProperties` to read elements styles through
`styleInfo`
- Created a bespoke prop, `LengthProperty`, to track which props are
addressed by `LengthPropertyToAdjust`. This way it's easy to tell which
props need to be supported by `StyleInfo` to have
`AdjustCssLengthProperties` working well
- Extended `StyleInfo` to support the props read by
`AdjustCssLengthProperties`
- Updated the style plugins to support the new `StyleInfo` props

### Manual Tests:
I hereby swear that:

- [x] I opened a hydrogen project and it loaded
- [x] I could navigate to various routes in Play mode

Author: bkrmendy

editor/src/components/canvas/canvas-types.ts

@@ -576,17 +576,37 @@ export function maybePropertyValue<T>(property: CSSStyleProperty<T>): T | null {
 }
 
 export type FlexGapInfo = CSSStyleProperty<CSSNumber>
-
 export type FlexDirectionInfo = CSSStyleProperty<FlexDirection>
+export type LeftInfo = CSSStyleProperty<CSSNumber>
+export type RightInfo = CSSStyleProperty<CSSNumber>
+export type TopInfo = CSSStyleProperty<CSSNumber>
+export type BottomInfo = CSSStyleProperty<CSSNumber>
+export type WidthInfo = CSSStyleProperty<CSSNumber>
+export type HeightInfo = CSSStyleProperty<CSSNumber>
+export type FlexBasisInfo = CSSStyleProperty<CSSNumber>
 
 export interface StyleInfo {
   gap: FlexGapInfo | null
   flexDirection: FlexDirectionInfo | null
+  left: LeftInfo | null
+  right: RightInfo | null
+  top: TopInfo | null
+  bottom: BottomInfo | null
+  width: WidthInfo | null
+  height: HeightInfo | null
+  flexBasis: FlexBasisInfo | null
 }
 
 const emptyStyleInfo: StyleInfo = {
   gap: null,
   flexDirection: null,
+  left: null,
+  right: null,
+  top: null,
+  bottom: null,
+  width: null,
+  height: null,
+  flexBasis: null,
 }
 
 export const isStyleInfoKey = (key: string): key is keyof StyleInfo => key in emptyStyleInfo