[Feature]: Add emotion position function types

Package Scope

• Add to an existing package
• New package

Package name: react/emotion-utils

Overview

I want to like code like this position({top:10,bottom:8}) But position function did not support this type.

Describe the solution you’d like

I want to add this code.

export function position(coordinates: Coordinates): SerializedStyles;`

  const [top, right, bottom, left] = (() => {
    // position(coordinates)
    if (typeof positionOrTopOrCoordinates === 'object') {
      return [
        positionOrTopOrCoordinates.top,
        positionOrTopOrCoordinates.right,
        positionOrTopOrCoordinates.bottom,
        positionOrTopOrCoordinates.left,
      ];
    }

and test code

  it('position({top: 0, left: 0})', () => {
    const { getByTestId } = render(<div data-testid="test" css={position({ top: 0, left: 0 })} />);

    const el = getByTestId('test');

    expect(el).toBeInTheDocument();

    expect(el).toHaveStyleRule('top', '0');
    expect(el).not.toHaveStyleRule('bottom', '0');
    expect(el).not.toHaveStyleRule('right', '0');
    expect(el).toHaveStyleRule('left', '0');
  });

Additional context

I think toss team may not agree my opinion. So I open an issue, not pr. Thank you

[HoseungJang]

1. I think we can just support absolute, fixed and sticky. Because other values are not used with top, left, right and bottom in general.
2. I think it would be great to support the both interfaces.

[HoseungJang]

Thanks. Take your time!