From 4299cc169c6552ffd54d02155a2efc0ebd355f68 Mon Sep 17 00:00:00 2001
From: ThunderMiracle <cissoliu@gmail.com>
Date: Thu, 11 Nov 2021 00:45:20 +0900
Subject: [PATCH] docs: fix typo in css-in-js page (#31244)

## Purpose

fix minor typo in [css-in-js page](https://nextjs.org/docs/basic-features/built-in-css-support#sass-variables)

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
---
 docs/basic-features/built-in-css-support.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/basic-features/built-in-css-support.md b/docs/basic-features/built-in-css-support.md
index 92a98cc4e3a9..822e64599c58 100644
--- a/docs/basic-features/built-in-css-support.md
+++ b/docs/basic-features/built-in-css-support.md
@@ -198,7 +198,7 @@ $primary-color: #64FF00
 
 ```js
 // pages/_app.js
-import variables from '../styles/variables.module.css'
+import variables from '../styles/variables.module.scss'
 
 export default function MyApp({ Component, pageProps }) {
   return (