fix(font-face) export FontFace type (stitchesjs#1011)

* fix(font-face) export FontFace type

* Add endline

packages/core/types/index.d.ts

@@ -8,6 +8,7 @@ export { $$PropertyValue, $$ScaleValue, $$ThemeValue} from './css-util'
 export type CreateStitches = Config.CreateStitches
 export type CSSProperties = CSSUtil.CSSProperties
 export type DefaultThemeMap = Config.DefaultThemeMap
+export type FontFace = CSSUtil.Native.AtRule.FontFace
 
 /** Returns a Style interface from a configuration, leveraging the given media and style map. */
 export type CSS<

packages/react/tests/types.test.tsx

@@ -1,6 +1,6 @@
 // core types.tests.ts
 import * as Stitches from '../types/index'
-import { createStitches } from '../types/index'
+import { createStitches, FontFace } from '../types/index'
 
 const { css, globalCss, keyframes, styled, theme } = createStitches({
 	utils: {
@@ -182,3 +182,24 @@ void function Test() {
 		<StyledUnionComponent type="multiple" collapsible />
 	</>
 }
+
+/* -------------------------------------------------------------------------------------------------
+ * Issue #1010
+ * -----------------------------------------------------------------------------------------------*/
+const fontFaceArray: FontFace[] = [
+	{
+		fontFamily: "Inter",
+		src: `url(file.woff2) format("woff2")`,
+		fontDisplay: "swap"
+	  }
+];
+const styles = {
+	"@font-face": fontFaceArray,
+	body: {
+	  // Falbacking to a serif font so it's easier to see that the swap is hapenning
+	  fontFamily: "Inter, serif"
+	}
+  };
+void function Test() {
+	globalCss(styles)
+}

packages/react/types/index.d.ts

@@ -8,6 +8,7 @@ export { $$PropertyValue, $$ScaleValue, $$ThemeValue } from './css-util'
 export type CreateStitches = Config.CreateStitches
 export type CSSProperties = CSSUtil.CSSProperties
 export type DefaultThemeMap = Config.DefaultThemeMap
+export type FontFace = CSSUtil.Native.AtRule.FontFace
 
 /** Returns a Style interface from a configuration, leveraging the given media and style map. */
 export type CSS<