I have my page.tsx and layout.tsx in the app directory. Layout component have navbar component inside. Now I need to make the navbar inside index page as position: absolute and on the other page as position: relative. I have my other scss file for second page, index page and navbar. Now the navbar as default is position: absolute but I need to change it only for second page. But when I'm setting navbar position to relative inside my second page scss file. It changes also in my index page. Now I found that it is caused by css merging while I visit other pages in my website it's adding this css to the one big file. Is it possible to turn this off?