Support CSS positioning for draggable components

Description

I am creating a "Position" layout block. It works fine on the frontpage but in the editor the position is always relative no matter what the settings are and it's not possible to override.

Styles are added as inline styles to the block, but position is always overridden to relative

Environment

• Puck version: 0.18.3

Steps to reproduce

1. Create an inline block and apply style={{position: 'absolute}} to it

inline: true
render: ({ puck, ...props }) => {
          return (
            <div ref={puck?.dragRef} {...props} style={{position: 'absolute'}}>
              <DropZone zone="position-content" />
            </div>
          );
        },

1. Run in the application in development mode...
2. Navigate to the page where the component is rendered...

What happens

Block is still relatively positioned

What I expect to happen

Block should be absolutely positioned

Additional Media