Как использовать сss переменные в nuxt?

<style lang="scss">
	@import "@/theme/variables";

	.header {
		&__wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0 auto;
			padding: 0;
			max-width: 1200px;

			@media screen and (min-width: $break_lg) {
				padding: 0 16px;
			}
		}

		
	}
</style>