feat: stabilize experimental preserveScriptOrder option

.changeset/whole-geckos-think.md

@@ -0,0 +1,5 @@
+---
+'astro': major
+---
+
+TODO:

packages/astro/package.json

@@ -106,7 +106,7 @@
     "test:integration": "astro-scripts test \"test/*.test.js\""
   },
   "dependencies": {
-    "@astrojs/compiler": "0.0.0-next-result-create-astro-20250926081949",
+    "@astrojs/compiler": "0.0.0-script-order-20251002140654",
     "@astrojs/internal-helpers": "workspace:*",
     "@astrojs/markdown-remark": "workspace:*",
     "@astrojs/telemetry": "workspace:*",

packages/astro/src/core/compile/compile.ts

@@ -62,7 +62,6 @@ export async function compile({
 				cssPartialCompileResults,
 				cssTransformErrors,
 			}),
-			experimentalScriptOrder: astroConfig.experimental.preserveScriptOrder ?? false,
 			async resolvePath(specifier) {
 				return resolvePath(specifier, filename);
 			},

packages/astro/src/core/config/schemas/base.ts

@@ -97,7 +97,6 @@ export const ASTRO_CONFIG_DEFAULTS = {
 		clientPrerender: false,
 		contentIntellisense: false,
 		headingIdCompat: false,
-		preserveScriptOrder: false,
 		liveContentCollections: false,
 		csp: false,
 		staticImportMetaEnv: false,
@@ -468,10 +467,6 @@ export const AstroConfigSchema = z.object({
 				.boolean()
 				.optional()
 				.default(ASTRO_CONFIG_DEFAULTS.experimental.headingIdCompat),
-			preserveScriptOrder: z
-				.boolean()
-				.optional()
-				.default(ASTRO_CONFIG_DEFAULTS.experimental.preserveScriptOrder),
 			fonts: z.array(z.union([localFontFamilySchema, remoteFontFamilySchema])).optional(),
 			liveContentCollections: z
 				.boolean()

packages/astro/src/types/public/config.ts

@@ -2358,48 +2358,6 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
 					directives?: CspDirective[];
 			  };
 
-		/**
-		 * @name experimental.preserveScriptOrder
-		 * @type {boolean}
-		 * @default `false`
-		 * @version 5.5
-		 * @description
-		 *
-		 * When enabled, `<script>` and `<style>` tags are rendered in the same order as they are defined.
-		 *
-		 * ## Example
-		 *
-		 * Consider the following component:
-		 *
-		 * ```html
-		 * <p>I am a component</p>
-		 * <style>
-		 *   body {
-		 *     background: red;
-		 *   }
-		 * </style>
-		 * <style>
-		 *   body {
-		 *     background: yellow;
-		 *   }
-		 * </style>
-		 * ```
-		 *
-		 * By default, it will generate a CSS style where `red` will be applied:
-		 *
-		 * ```css
-		 * body {background:#ff0} body {background:red}
-		 * ```
-		 *
-		 * When this new option is set to `true`, the generated CSS style will apply `yellow`:
-		 *
-		 * ```css
-		 * body {background:red} body {background:#ff0}
-		 * ```
-		 *
-		 */
-		preserveScriptOrder?: boolean;
-
 		/**
 		 * @name experimental.liveContentCollections
 		 * @type {boolean}

packages/astro/test/fixtures/css-order-transparent/astro.config.mjs

@@ -1,7 +1,3 @@
 import { defineConfig } from 'astro/config';
 
-export default defineConfig({
-	experimental: {
-		preserveScriptOrder: true,
-	}
-});
+export default defineConfig({});