Renamed default-exported variable in @emotion/styled to aid inferred import names in auto-import completions in IDEs (#3334)

* Rename default exported variable so editors can correctly autocomplete the import

* add changeset

* Apply suggestions from code review

* Apply suggestions from code review

* Update .changeset/wild-pumas-smash.md

---------

Co-authored-by: Mateusz Burzyński <[email protected]>

Author: ZachRiegel

.changeset/wild-pumas-smash.md

@@ -0,0 +1,5 @@
+---
+'@emotion/styled': patch
+---
+
+Renamed default-exported variable in `@emotion/styled` to aid inferred import names in auto-import completions in IDEs

packages/styled/src/index.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@emotion/react'
-import styled from './base'
+import baseStyled from './base'
 import { ReactJSXIntrinsicElements } from './jsx-namespace'
 import { tags } from './tags'
 import {
@@ -33,10 +33,10 @@ export type StyledTags = {
 export interface CreateStyled extends BaseCreateStyled, StyledTags {}
 
 // bind it to avoid mutating the original function
-const newStyled = styled.bind(null) as CreateStyled
+const styled = baseStyled.bind(null) as CreateStyled
 
 tags.forEach(tagName => {
-  ;(newStyled as any)[tagName] = newStyled(tagName as keyof typeof newStyled)
+  ;(styled as any)[tagName] = styled(tagName as keyof typeof styled)
 })
 
-export default newStyled
+export default styled