Types on css={…} don't block using the top-level object from cssMap()

[kylorhall-atlassian]

Describe the bug

There's no type protection when consuming cssMap incorrectly, meaning TypeScript will allow code that won't compile properly.

To Reproduce

For raw cssMap, jump into https://github.com/atlassian-labs/compiled/blob/master/packages/react/src/css-map/__tests__/index.test.tsx#L29 and remove .danger

-const Foo = () => <div css={styles.danger}>hello world</div>;
+const Foo = () => <div css={styles}>hello world</div>;

Same, for the strict version:

compiled/packages/react/src/create-strict-api/__tests__/index.test.tsx

Line 162 in f093635

const { getByTestId } = render(<div css={styles.primary} data-testid="div" />);

Expected behavior

These should both have a type error.

Screenshots

No error 😞

[itsdouges]

Thanks for raising this!